Opened 6 years ago

Closed 6 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:

  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:

http://i.imgur.com/teMXmvt.png


Issue with normal positioning:

http://i.imgur.com/Dm4atw5h.png


Issue with positioned sub menu:

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.

Change History (3)

comment:1 Changed 6 years ago by Scott González

Status: newopen

comment:2 Changed 6 years ago by 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.

comment:3 Changed 6 years ago by tj.vantoll

Resolution: notabug
Status: openclosed

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.

Note: See TracTickets for help on using tickets.