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
bug: drawer-end makes horizontal scrollbar permanently visible. #2622
Comments
Thank you @kobe-ra
for reporting issues. It helps daisyUI a lot 💚
|
…visible + Updated src/components/styled/drawer.css to add overflow-hidden
I'm observing the same behavior in Edge. Firefox renders correctly. I'm using drawer drawer-end in a root layout and that's when this happens. If I change drawer drawer-end to a template or page, the scroll disappears, but the drawer slides from the left, instead of right. Also, I'm observing some styles not rendering correctly in Edge (oversized components) but correct in Firefox. Edit: |
hi! solved the issue by adding |
In my project, by adding After returning to 4.4.14, this problem was solved. |
If that's the case, you can do md:overflow-x-hidden or something to do this fix on certain screen sizes. |
Using version 4.4.19, this error is still occurring. It's not noticeable on macOS Chrome, but on Windows, an unscrollable scrollbar appears. Update: Cheated problem until it officially fixed. I used tailwind peer class for select siblings, so when input unchecked it disables overflow-y and when input checked it enables overflow-y back again.
|
+1 |
What version of daisyUI are you using?
v4.4.19
Which browsers are you seeing the problem on?
Chrome
Reproduction URL
https://daisyui.com/components/drawer/#drawer-that-opens-from-right-side-of-page
Describe your issue
Horizontal scrollbar is permanently visible when using
drawer drawer-end
.This issue is also visible in the docs.
The text was updated successfully, but these errors were encountered: