KEMBAR78
MenuBar overflow closes on hover of rightmost item · Issue #6918 · vaadin/web-components · GitHub
Skip to content

MenuBar overflow closes on hover of rightmost item #6918

@javier-godoy

Description

@javier-godoy

Description

When a menubar has full width, moving the mouse from the overflow button to an item in the overflow menu may hover another item in the menubar, which closes the overflow. This behavior depends on the exact trajectory of the mouse cursor.
menubar

Expected outcome

I would expect the overflow to remain open, so that I can select an item in the overflow menu.

Minimal reproducible example

MenuBar bar = new MenuBar();
bar.setWidthFull();
add(bar);
IntStream.range(1, 40).forEach(i->bar.addItem("Item "+i));

Steps to reproduce

  1. Click the menu bar overflow button
  2. Move the mouse along the red line in order to select an item in the overflow menu

image

Environment

Vaadin versions: 24.3.0.rc1, 23.3.20, 14.10.5

Browsers

Chrome

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions