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: "join" applies incorrect border radius when used with a single item #3611

Open
brianhelba opened this issue Mar 6, 2025 · 1 comment

Comments

@brianhelba
Copy link

Reproduction URL (Required)

https://play.tailwindcss.com/kn3hGQnOwU

What version of daisyUI are you using?

v5.0.0

Which browsers are you seeing the problem on?

Chrome, All browsers

Describe your issue

When a join or join join-vertical is used with a single item inside, the border radius is only applied as though that item is the "last", but not also the "first". This results in ugly content with mismatched border radii.

The desired behavior is that the border radius should be applied to all corners of the single item.

Use of join with a single item may frequently occur when dynamically rendering the items with a loop, where the cardinality is not known in advance (and may be zero, one, or many).

Copy link

github-actions bot commented Mar 6, 2025

Thank you @brianhelba 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