#10162 (Menu: ui-state-focus styling applies to submenus) - jQuery UI (original) (raw)
#10162 closed bug (fixed)
Opened July 11, 2014 08:31AM UTC
Closed October 30, 2014 01:21PM UTC
| Reported by: | tasso85 | Owned by: | tj.vantoll |
|---|---|---|---|
| Priority: | blocker | Milestone: | 1.12.0 |
| Component: | ui.menu | Version: | 1.11.0 |
| Keywords: | regression | Cc: | |
| Blocked by: | Blocking: |
Description
From version 1.10.4 to version 1.11.0 there was a change in how the menu widget handled the focus on one of its element.
In version 1.10.4, the .ui-state-focus class was applied directly to the hovered element in the menu.
In version 1.11.0 it is applied to its parent
This has a problem though: if the hovered element in the menu has sub-elements, the focus class is applied to them too!
This fiddle shows the problem: http://jsfiddle.net/ucF9M/1/
Here, open the hidden menu, and then hover "Inserimento multiplo", you'll see that the submenu has white text, inherited from its parent being hovered.
This fiddle instead shows the hold behaviour: http://jsfiddle.net/ucF9M/2/
If you do the same on this other fiddle, you'll see that the submenu can be viewed correctly.
Attachments (0) Change History (16)