Glitch with collapsed menus

[scribu]

Found a small glitch when switching menus, while on an admin list screen:

​http://www.youtube.com/watch?v=JTuB4UsswDA

The tables briefly moves to the left, a little.

Reproduced both in Firefox 4 and Chrome.

From what I can tell, just before a menu is about to be hidden, it doesn't maintain it's vertical possition, but goes back next to the button before it slides in.

[ocean90]

Because it's not visible in the video: Could be the scrollbar on the right the problem?

[scribu]

Yep, it's the scrollbar that's briefly appearing and causing the glitch.

Doesn't happen in WP 3.1, by the way.

[ocean90]

Another video: ​http://www.screenr.com/CMj

The problem is, that the menu opens above the icon but closes on the original position (next to the icon).

[westi]

It would be nice to fix this.

Does anyone fancy writing a patch?

[rosshanney]

The margin of the submenu is being reset before its 'hiding' transition is complete. This doesn't matter if there is room for the submenu to expand next to its icon, or if the vertical scrollbar of the browser is already present, but otherwise causes the glitch.

Attached patch removes the margin reset, so that the submenu doesn't jump back to the level of the icon.

I think I'm correct in saying that there isn't a sliding transition (just 'on' or 'off') on submenus in 3.1 (or lower)?

[ocean90]

Thanks for the simple patch. Glitch fixed.

I think I'm correct in saying that there isn't a sliding transition (just 'on' or 'off') on submenus in 3.1 (or lower)?

Yes.

[azaozz]

In [18138]:

Fix collapsed menu transition glitch, props rosshanney, fixes #17534