mzp-c-sidemenu collapsed summary mouse affordance & keyboard controls

[janbrasna]

Description

When mzp-c-sidemenu is collapsed on narrow viewports, the mzp-c-sidemenu-summary section acts as a toggle to expand/collapse the local navigation. It doesn't however signal the affordance when hovered over, and doesn't respond to keyboard controls.

Steps to reproduce

Open https://protocol.mozilla.org/components/preview/sidebar-menu in a smaller viewport and try interacting with the collapsed sidemenu (either on top or bottom of the page, depending what page it is, e.g. https://www.mozilla.org/mission/ has it on top) both with mouse and with keyboard.

Expected result

Pointer on hover signaling the UI is interactive.
Ideally keyboard being able to interact with the nav toggle.

Actual result

Pointer is passive for text selection, only upon clicking the element it's shown it could be interacted with.
When "spacebar" is hit to open the element when focused with keyboard, a default scroll is triggered instead.

Screen.Recording.2024-07-03.at.13.44.41.mov

Environment

macOS Catalina
FXDX 128b8, Chromium 127r1313161