daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

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

Open Til0r opened this issue 1 year ago โ€ข 4 comments

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

Til0r avatar Sep 18 '24 23:09 Til0r

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.

github-actions[bot] avatar Sep 18 '24 23:09 github-actions[bot]

Why would you want to scroll the backdrop?

saadeghi avatar Sep 18 '24 23:09 saadeghi

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

Til0r avatar Sep 18 '24 23:09 Til0r

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

saadeghi avatar Sep 18 '24 23:09 saadeghi

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

Deroswent avatar Oct 19 '24 23:10 Deroswent