fix: #2622 drawer-end makes horizontal scrollbar permanently visible

[binjuhor]

• Updated src/components/styled/drawer.css to add overflow-hidden

[saadeghi]

What is the problem? can you give a screenshot?

[lucasrivoiro]

I have same issue here, but applying overflow-x-hidden to drawer-side create another issue for me. Applying overflow-x-hidden turns the entire window vertically scrollable, but horizontally fix the issue.

[binjuhor]

@lucasrivoiro Can you share me the screenshot? I think the window vertical should scrollable because the content can be so long like this

Screen.Recording.2023-12-14.at.09.20.57.mov

[LanceMoe]

At Windows, Or set the scroll bar to always show in macOS, the Drawer will show a scroll bar.
Before version 4.4.14, it worked well.

[brendoarrudaa]

Any chance of error being adjusted? I'm in a project that after upgrading from version 3 to 4 broke the entire drawer end of the page

[brendoarrudaa]

Any way to get past this bug? it is breaking my entire application

[cloudhoy]

@brendoarrudaa for now, you can fix this by adding overflow-x-hidden to element with the drawer-side class:

<div class="drawer-side overflow-x-hidden">
  {/* Sidebar content here */}
</div>

[binjuhor]

@cloudhoy Yeah that also my solution, but I don't know why this PR has not merged yet.

[brendoarrudaa]

@cloudhoy I share the same feeling, it just needs to be approved to resolve the bugs,
@saadeghi Any chance of being approved?