bug: V5 grey border when opening drawer

[duvet86]

What version of daisyUI are you using?

5.0.0-beta.2

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/S4gfffKr2s

Describe your issue

• Go to https://v5.daisyui.com/components/drawer/
• Go to the "Drawer that opens from right side of page" example
• Click on "Open Drawer"
• Screen has a grey border to the right

This is even more evident with "lg:drawer-open".

[github-actions]

Thank you @duvet86 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]

That's scrollbar gutter:
https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter

to prevent layout shifts.

You can disable it like this

@plugin "daisyui" {
  exclude: rootscrollgutter;
}

Docs: https://v5.daisyui.com/docs/base/

Let me know if you have a question.