Navigation does not work well with hover at small screen sizes

NEW
Unassigned

Status

developer.mozilla.org
General
--
minor
9 months ago
9 months ago

People

(Reporter: agibson, Unassigned)

Tracking

({in-triage})

Details

(Whiteboard: [specification][type:bug])

Attachments

(1 attachment)

(Reporter)

Description

9 months ago
What did you do?
================
1. Opened https://developer.mozilla.org/en-US/ at a viewport width < 700px.
2. Moved mouse cursor down toward "References & Guides" link in the main menu.

What happened?
==============
Failed to click it entirely. Moving the cursor over "Technologies" auto expanded that section unexpectedly. I then chased "References & Guides" further down, and when I finally caught it, "Technologies" auto closes, which then moves the position of "References & Guides" again. Cat and mouse! :)

What should have happened?
==========================
When the mobile menu styles are visible, it should probably work with click instead of hover.

Is there anything else we should know?
======================================
I will attach an .gif of what I'm trying to describe above :)
(Reporter)

Comment 1

9 months ago
Created attachment 8890826 [details]
mdn-menu-hover-bug.gif

Animated gif of the issue
Severity: normal → minor
Keywords: in-triage
You need to log in before you can comment on or make changes to this bug.