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

bug: Vertical scroll not functional when drawer is open on screens under 1024px width #3215

Open
Til0r opened this issue Sep 18, 2024 · 5 comments
Labels

Comments

@Til0r
Copy link

Til0r commented Sep 18, 2024

What version of daisyUI are you using?

4.12.10

Which browsers are you seeing the problem on?

Chrome, Firefox

Reproduction URL

https://daisyui.com/components/drawer/

Describe your issue

On screens with a width of less than 1024px, when the drawer is opened, the vertical scroll for the main page content becomes unresponsive. This prevents users from scrolling through the content unless the drawer is closed.

Steps to Reproduce:

  1. Resize the browser window to a width of less than 1024px.
  2. Open the drawer (side menu).
  3. Attempt to scroll vertically through the main page content
Copy link

Thank you @Til0r for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@saadeghi
Copy link
Owner

Why would you want to scroll the backdrop?

@Til0r
Copy link
Author

Til0r commented Sep 18, 2024

I want to continue scrolling the page because no other content or element is being interacted with or modified. The drawer only affects part of the layout, and the rest of the page should still remain accessible without the need to close the drawer. This allows for a smoother and uninterrupted browsing experience.

Screen.Recording.2024-09-19.at.01.10.43.mov

@saadeghi
Copy link
Owner

I see. Thanks for the video.
Let me find a way...

@Deroswent
Copy link

Deroswent commented Oct 19, 2024

Hello.
After upgrading from 4.12.10 to 4.12.13 I started having problems with drawer, which had been working without problems for many months before.
The problems are related to those described in this thread, so I decided to post here and ask for advice in solving them.
The problem is the appearance of inactive scrolling, even when the content of the drawer and the whole page is insufficient for scrolling.
When opening a drawer, the scroll just always appears. Even though it is not needed on the page, as there is not enough content.

I tried to show the problem in the video more clearly. Sorry for the local language in the example, but it's not relevant to the problem.

22

@saadeghi saadeghi added the v5 label Oct 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants