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).
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
joinorjoin join-verticalis 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
joinwith 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).