We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
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.
https://codepen.io/simonwiles/pen/JjVVNzR
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; }
The text was updated successfully, but these errors were encountered:
fixes #2001
bef0dbd
d478ccb
Thanks for reporting this. This bug has been fixed in d478ccb and will be available in the next release.
Sorry, something went wrong.
claviska
Successfully merging a pull request may close this issue.
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?
The text was updated successfully, but these errors were encountered: