search

saadeghi / daisyui

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

bug: tabs not showing as expected [ copied / pasted from official page as it is] #3136

Closed ibguide closed 4 months ago

ibguide commented 4 months ago

What version of daisyUI are you using?

No response

Which browsers are you seeing the problem on?

Chrome, Safari

Reproduction URL

https://play.tailwindcss.com/mbKobSKO4g

Describe your issue

It works fine in Tailwind Playgournd

Screenshot 2024-07-18 at 1 02 25 AM
github-actions[bot] commented 4 months ago

Thank you @ibguide 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 commented 4 months ago

The style you're seeing is not from daisyUI.

Probably you're using @tailwindcss/forms (or another style or plugin) that is affecting form elements. daisyUI applies styles to class names but @tailwindcss/forms by default, applies styles to all form elements. If you really need @tailwindcss/forms alongside with daisyUI (which I doubt, because both are doing the same job) consider using its strategy: 'class' config so it only applies style to the elements with specific class name (not all form elements)

ibguide commented 4 months ago

I really appreciate your input.

Thanks and God bless you