[Resolved] UI bug when changing menu icon
There’s an awkward bug when you want to change the icon of any menu. The icon selection box appears waaaay down at the bottom of the screen causing an annoying eyesore.
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
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.
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
position: relative; top: 588px; left: 121px;
If I change the
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”?
As in, change the value of the “top” property from positive to negative.
Lets see if setting
absolutein the stylesheet helps fix the problem. As far as I can tell, jQuery will not change it to
relativeif it is already explicitly specified, and everything still seems to work fine on the test site.
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.
- The topic ‘[Resolved] UI bug when changing menu icon’ is closed to new replies.