Opened 10 years ago
Closed 9 years ago
#9282 closed bug (notabug)
Menu items show a gap with a sublist on click
Reported by: | rapida | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | none |
Component: | ui.menu | Version: | 1.10.2 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Currently when you click a menu right as the submenu starts to show it causes it to jump out an item's height/width (pending position) before showing the menu. This does not happen every time, it seems like there is a timing issue.
Steps to reproduce:
- Hover over the header item
- Click the header as the submenu appears
Expected Result: It shows the submenu with the first item selected Actual Result: It shows a gap between the main menu and submenu
Here are a few screenshots of this happening:
Working as expected:
Issue with normal positioning:
Issue with positioned sub menu:
JsFiddle example: http://jsfiddle.net/2k5mn/6/
To repeat, this does not happen every time you click the menu as you hover but it does happen 50%+ of the time.
Change History (3)
comment:1 Changed 10 years ago by
Status: | new → open |
---|
comment:2 Changed 9 years ago by
comment:3 Changed 9 years ago by
Resolution: | → notabug |
---|---|
Status: | open → closed |
With the anchors in place this issue does not occur so I'm closing this for now: http://jsfiddle.net/tj_vantoll/u5TdP/
rapida, if you have any other issues with this comment and let us know.
This is invalid markup. The "header" item in the fiddle must have an anchor in order to properly set the active item before click expands the sub-menu.