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

<sl-drawer> double scrollbar when <sl-radio-group> is present on drawer's body #1380

Closed
Luxemburgo opened this issue Jun 15, 2023 · 1 comment
Assignees
Labels
bug Things that aren't working right in the library.

Comments

@Luxemburgo
Copy link

Luxemburgo commented Jun 15, 2023

Describe the bug

When sl-radio-group is present and overflowing inside sl-drawer body, the div.drawer__panel overflows creating a double scrollbar bug

Demo

https://codepen.io/Jorge-Luis-the-flexboxer/pen/gOQPqxv

Additional information

I don't know if other components inside the Drawer body produces this same behavior

@Luxemburgo Luxemburgo added the bug Things that aren't working right in the library. label Jun 15, 2023
@Luxemburgo Luxemburgo changed the title Drawer double scroll when Radio Group on body <sl-drawer> double scrollbar when <sl-radio-group> is present on drawer's body Jun 16, 2023
@claviska
Copy link
Member

Thanks for the repro. This was caused by a visually hidden input we use internally for constraint validation. The fix was easy — adding position: relative to the form control container. I've also added a test to prevent regressions.

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