search

saadeghi / daisyui

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

bug: tabs boxed with radio forces unrounded bottom corners #3027

Open amir20 opened 6 months ago

amir20 commented 6 months ago

What version of daisyUI are you using?

v4.11.1

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/1b7rxRzGTX

Describe your issue

When using tabs-boxed with radio button I expect the corners to be rounded. This is the case when using <a>. 

<div role="tablist" class="tabs-boxed tabs">
   <input type="radio" name="host" role="tab" class="tab" aria-label="Show All" />
</div>

I can fix this easily with !rounded but I don't think that is expected behavior.

More than happy to send a PR if valid.

github-actions[bot] commented 6 months ago

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