Menu items show a gap with a sublist on click

[rapida]

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

[k_borchers]

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.

[tj.vantoll]

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.