daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: tabs boxed with radio forces unrounded bottom corners

Open amir20 opened this issue 9 months ago โ€ข 1 comments

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.

amir20 avatar May 09 '24 20:05 amir20

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.

github-actions[bot] avatar May 09 '24 20:05 github-actions[bot]