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 comment:1
| status: | new → open |
|---|
Changed December 03, 2013 11:59AM UTC by comment:2
Pull request: https://github.com/jquery/jquery-ui/pull/1147
Changed December 03, 2013 04:03PM UTC by comment:3
| resolution: | → fixed |
|---|---|
| status: | open → closed |
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 comment:4
| milestone: | none → 1.11.0 |
|---|
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.