UI bug when changing menu icon

What browser and WordPress version are you using? I tested the plugin with the latest versions of IE, Opera and Chrome and didn’t notice any problems.

I’ve tested this in latest versions of both Firefox and Chrome. WP 3.5.1
Screenshot: https://i.imgur.com/L2NN2Lz.jpg?1

I just (re-)tested it in Firefox 20.0 and Chrome 26.0.1410.43 and the icon selector still looks fine on my end.

Maybe there’s another factor at work here, like a plugin conflict. Try temporarily deactivating other plugins and see if it fixes the problem. Also, check your JavaScript console for error messages while on the menu editor page.

Deactivated all plugins (except AME of course) and switched to default theme– still having this issue. Also, there are no errors in the console. Not exactly sure what’s causing this.

Sorry, I’m drawing a blank here as well.

Do you have any web development experience? Maybe you could try looking at the selection box in Firefox dev tools (i.e. “Inspect element”) and see if you can figure out why the box contents get pushed down to the bottom of the page like that. I’m guessing that the upper-left corner is in the right place, but the element height is messed up for some reason.

At least that’s what I would do if I had access to the site.

Janis, that’s one of the first things I did; I’m a web designer/developer ??

However, I did not figure it out at first. But I just tried again and noticed that there is inline CSS styles applied to the #ws_icon_selector div: position: relative; top: 588px; left: 121px;

If I change the position from relative to absolute, the selection box returns to its normal place.

Still unsure what’s the cause :\

Those inline styles are set by the $.position() utility function that I use to position the selection box below the icon button. Sounds like it produces incorrect results in your case. Maybe an old version of jQuery / jQuery UI is being loaded for some reason (e.g. failed upgrade)?

Interestingly, on my sites the “top” property is always negative. For example: “position: relative; top: -770px; left: 119px;”. What happens if you flip the sign instead of changing it to “position: absolute”?

Not quite sure what you mean by “flip the sign”

As in, change the value of the “top” property from positive to negative.

That still messes up the position. Not helpful.

Lets see if setting position to absolute in the stylesheet helps fix the problem. As far as I can tell, jQuery will not change it to relative if it is already explicitly specified, and everything still seems to work fine on the test site.

Try the development version.

Oh, yeah. That works!

Hey, Janis. So, aren’t you releasing an updated version with this fix?

I certainly will. I guess I’m just somewhat biased against releasing a whole new version for one small bugfix, so I’ve been holding off on it.

Heh, yeah I know. Just make sure you shove in more cool features as well in the next big awesome update ??