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

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

https://daisyui.com

MIT License

34.13k stars 1.3k forks source link

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

Open Til0r opened 2 months ago

Til0r commented 2 months ago

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:

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

github-actions[bot] commented 2 months ago

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 commented 2 months ago

Why would you want to scroll the backdrop?

Til0r commented 2 months ago

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.

https://github.com/user-attachments/assets/fff15504-e6a5-4a9b-81f6-0ae06d2b3292

saadeghi commented 2 months ago

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

Deroswent commented 1 month ago

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.