material-web icon indicating copy to clipboard operation
material-web copied to clipboard

Menu does not have space between container and viewport when overflowing

Open MarcoTroost opened this issue 2 months ago • 1 comments

Description

Hi!

Love the new material components! Runs nicely alongside Vue3, without the need for any complicated adapters.

I've got a slight issue with the menu though.

A menu with lots of menu-items run of page. It suggests that the user has to scroll the viewport to view all of the available options (as seen below)

Scherm­afbeelding 2024-05-09 om 09 26 45

Creating an extra margin between the menu and the border of the viewport would imho help the user experience. This would indicate that the user should scroll the menu instead of the viewport.

Scherm­afbeelding 2024-05-09 om 09 28 01

kind regards,

Marco

MarcoTroost avatar May 09 '24 07:05 MarcoTroost