Skip to main content

Search and Top Navigation

#9282 closed bug (notabug)

Opened May 10, 2013 03:49PM UTC

Closed August 28, 2013 12:02PM UTC

Menu items show a gap with a sublist on click

Reported by: rapida Owned by:
Priority: minor Milestone: none
Component: Version: 1.10.2
Keywords: Cc:
Blocked by: Blocking:

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:

1. Hover over the header item

2. 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:

To repeat, this does not happen every time you click the menu as you hover but it does happen 50%+ of the time.

Attachments (0)
Change History (3)

Changed May 10, 2013 04:28PM UTC by scottgonzalez comment:1

status: newopen

Changed August 28, 2013 04:20AM UTC by k_borchers comment:2

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.

Changed August 28, 2013 12:02PM UTC by tj.vantoll comment:3

resolution: → notabug
status: openclosed

With the anchors in place this issue does not occur so I'm closing this for now:

rapida, if you have any other issues with this comment and let us know.