bug: fieldset border overlaps legend in webkit

[munenari]

Reproduction URL (Required)

https://play.tailwindcss.com/twZLx0kAcI

What version of daisyUI are you using?

v5.3.7

Which browsers are you seeing the problem on?

Safari

Describe your issue

I think this is a webkit bug, but when you add a border to a fieldset, it overlaps with the legend.
Adding a background color such as bg-base-100 to the legend fixes the appearance nicely.

This bug may not be related to daisyui.
You can close it immediately.

https://github.com/saadeghi/daisyui/blob/v5.3.7/packages/daisyui/src/components/fieldset.css

[github-actions]

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

[pdanpdan]

Yes, unfortunately it is Safari's problem
It is calculating the overlapping area in a wedding way.

Can you please try with fieldset-legend ml-4 px-1 and post a picture?

[munenari]

Yes, I took a picture. It seems to be working fine.

[pdanpdan]

Then I think you should try to adapt the margin-inline-start (margin-left) and padding as you see fit in order to make it look good for your border radius.

I'm not sure there is a formula that could be used to give the right values for the generic case.