Skip to main content

Search and Top Navigation

#9650 closed bug (fixed)

Opened November 05, 2013 11:00AM UTC

Closed December 03, 2013 04:03PM UTC

Last modified December 03, 2013 04:05PM UTC

Menu: Disabled item visible through submenu on top

Reported by: jzaefferer Owned by:
Priority: minor Milestone: 1.11.0
Component: ui.menu Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

In a menu with disabled items, submenus that end up on top of those disabled items, don't properly overlay the item - you can see the text of the disabled item through the submenu.

This can be addressed by setting a z-index on the submenu. Based on that it looks like having an element with opacity screws up the stacking order.

Testcase, confirmed in Chrome 30 and Firefox 24 on OSX 10.9: http://jsbin.com/AYUmUx/1/edit

This happens on any menu enough submenus or just a small window, where the flip collision will eventually position a menu over a parent menu.

Attachments (0)
Change History (4)

Changed November 05, 2013 11:04AM UTC by jzaefferer comment:1

status: newopen

This seems to only affect the first menu level (updated testcase), so adding our class ui-front to the submenus should help to address this.

Changed December 03, 2013 11:59AM UTC by jzaefferer comment:2

Changed December 03, 2013 04:03PM UTC by Jörn Zaefferer comment:3

resolution: → fixed
status: openclosed

Menu: Add ui-front on submenus to address opacity messing up stacking order. Fixes #9650 - Menu: Disabled item visible through submenu on top

Changeset: 4992fc902eae207737be33e5b937980b4765bbf7

Changed December 03, 2013 04:05PM UTC by jzaefferer comment:4

milestone: none1.11.0