Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
amir20 opened this issue May 9, 2024 · 1 comment
Open

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

amir20 opened this issue May 9, 2024 · 1 comment

Comments

@amir20
Copy link

amir20 commented May 9, 2024

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.

Copy link

github-actions bot commented May 9, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant