bug: Sidebar-drawer component overlay does not overlay table pinned rows

[svitiashchuk]

What version of daisyUI are you using?

4.7.2

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/5grvogvDhP

Describe your issue

When using the Drawer component, I've encountered a problem where, upon opening the drawer with a click, the overlay should cover all content on the page. However, when the content includes a table with pinned rows, all content is indeed under the overlay except for that rows. Additionally, there seems to be a background change applied to the header.

In Tailwind Play, I have included code copied from the documentation. I am using these specific examples:

• https://daisyui.com/components/drawer/ - from section #Drawer
• https://daisyui.com/components/table/#table-with-pinned-rows - Table with pinned-rows

---

Actual Behavior

The overlay covers the content, but the table header remains visible above the overlay, and its background is altered.

Expected Behaviour

The sidebar-drawer overlay should cover the entire content, including the table header, without affecting the styling of the header.

---

Thank you for your attention and for providing this amazing library.

[github-actions[bot]]

Thank you @svitiashchuk 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.

[jose-devcode]

I had this same issue , fixed using z-10 tailwind class on the side wrapper. <div className="drawer-side z-10">

[brianfeister]

Had this issue as well, would be nice to see fixed