bug: `footer-value` overlaps on `drawer-side`

[mchoo7]

Reproduction URL (Required)

https://github.com/fel1x-developer/poudriere-web-app/tree/main at 15d68bcc93b8f27f5c59b9feb97408d4c97c049a

What version of daisyUI are you using?

v5.0.0

Which browsers are you seeing the problem on?

All browsers

Describe your issue

In src/routes/+layout.svelte, change

<div class="drawer-side z-10">

to

<div class="drawer-side">

and try to make window narrow under lg.

Then the footer-title overlaps on the drawer, which SHOULD NOT happen.

The temporary fix I'm using right now is giving z-1 or above as the first code snippet.

[github-actions]

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

Put footer inside the drawer-content
Everything must be int drawer-content

Docs:
https://daisyui.com/components/drawer/#structure

Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page, based on the screen size or based on the value of a drawer-toggle checkbox.
Drawer must be the parent element of the content and sidebar.

.drawer // The root container
  ├── .drawer-toggle // A hidden checkbox to toggle the visibility of the sidebar
  ├── .drawer-content // All your page content goes here
  │    ╰── // navbar, content, footer 👈👈👈👈👈👈
  │
  ╰── .drawer-side // Sidebar wrapper
       ├── .drawer-overlay // A dark overlay that covers the whole page when the drawer is open
       ╰── // Sidebar content (menu or anything)