#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:	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:

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:

[[Image(http://i.imgur.com/teMXmvt.png)]]

Issue with normal positioning:

[[Image(http://i.imgur.com/Dm4atw5h.png)]]

Issue with positioned sub menu:

[[Image(http://i.imgur.com/JHtZRwB.png)]]

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.

Attachments (0)

Change History (3)

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

status:	new → open

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