search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.24k stars 1.31k forks source link

bug: fixed position button not working above collapse-title #2836

Open jo-gross opened 9 months ago

jo-gross commented 9 months ago

What version of daisyUI are you using?

~4.6.2~ ~4.7.0~ 4.7.2

Which browsers are you seeing the problem on?

Chrome, Chrome Android, Safari, Safari iOS, Firefox

Reproduction URL

https://stackblitz.com/edit/daisyui-nextjs-a9lsde?file=app%2Fpage.jsx

Describe your issue

When I have a button that is positioned using "absolute" or "fixed", and there is a collapse element below it, the button is always displayed above the collapse, but clicking on the button triggers the underling collapse. A simple workaround is indeed to assign a higher z-index to the fixed button. I'm not sure if this behavior is intended, @saadeghi what do you think?

github-actions[bot] commented 9 months ago

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

jo-gross commented 9 months ago

Also tested in the latest version (4.7.0) - still there