saadeghi/daisyui

bug: Z-index issues with the tooltip component

nbran opened this issue · 2 comments

What version of daisyUI are you using?

4.6.1

Which browsers are you seeing the problem on?

Firefox, Other

Reproduction URL

https://stackblitz.com/edit/vitejs-vite-v8afg3?file=src%2FApp.tsx

Describe your issue

The Tooltip component appears behind the pinned row table component.

simplescreenrecorder-2024-02-03_15.15.23.mp4

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

By default it has no z-index. but you can add a z-index like z-10 or (any value) to the tooltip.
z-index is something you should define based on the content of the page because in some cases you may want things to be placed under tooltip and sometimes you may want them to be over tooltip. It's not a good idea for daisyUI to make decisions about that.

Let me know if you have a question.