Skip to content

Unable to access submenu if top-level menu wrap onto two lines #245

Description

@nickvidal

Description

@mlaetitia, thank you for all your work on the new menu!

I found a bug when the top-level menu items wrap onto two lines, which happens when the screen width is limited.

Image

Steps to reproduce

When I hover over a top-level menu item, I’m unable to access its submenu because the second row of menu items overlaps the submenu area. For example, I can’t access the Open Source AI submenu because I have to hover over Research & Education first, which causes the Open Source AI menu to disappear.

What you expected to happen

A solution could either be switching to a hamburger/mobile menu to avoid wrapping, or keeping the desktop menu on two rows but ensuring the submenu can be accessed without having to hover over another top-level item first.

What actually happened

The submenu disappears when hovering over a second row of menu items. The issue is caused by the top-level menu wrapping onto two rows: the second row overlaps the area where the submenu appears, so it captures the hover before I can reach the submenu.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions