Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Submenus in dropdown panels don't scroll #2001

Closed
simonwiles opened this issue Apr 28, 2024 · 1 comment
Closed

Submenus in dropdown panels don't scroll #2001

simonwiles opened this issue Apr 28, 2024 · 1 comment
Assignees
Labels
bug Things that aren't working right in the library.

Comments

@simonwiles
Copy link

Describe the bug

When using a menu with submenus in a dropdown context (https://shoelace.style/components/dropdown#submenus), submenu panels that overflow the viewport don't scroll and items are inaccessible.

Demo

https://codepen.io/simonwiles/pen/JjVVNzR

Additional information

It looks like this CSS is applied to the top-level menu, but not to the submenus?

::slotted(sl-menu) {
    max-width: var(--auto-size-available-width) !important;
    max-height: var(--auto-size-available-height) !important;
}
@simonwiles simonwiles added the bug Things that aren't working right in the library. label Apr 28, 2024
claviska added a commit that referenced this issue May 10, 2024
@claviska
Copy link
Member

Thanks for reporting this. This bug has been fixed in d478ccb and will be available in the next release.

@claviska claviska self-assigned this May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Things that aren't working right in the library.
Projects
None yet
Development

No branches or pull requests

2 participants