bug: Tab content width on Safari

[robsontenorio]

What version of daisyUI are you using?

4.5.0

Which browsers are you seeing the problem on?

Safari

Reproduction URL

https://play.tailwindcss.com/Ihh18j8vI5

Describe your issue

Tab content does not take all available width on Safari. But, it works on Chrome.

Safari

Chrome

[github-actions]

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

[robsontenorio]

As workaround I am using for now class=“tabs tabs-bordered block”

[saadeghi]

As workaround I am using for now class=“tabs tabs-bordered block”

No. block breaks the layout.

It will be fixed by tomorrow.

[robsontenorio]

Hum. It did not for me. I am using it here
https://mary-ui.com/docs/components/tabs

[saadeghi]

You placed tab-content after all the tabs, which makes sense when you can target elements using JS,
But this example will break using block because the content comes right after the tab itself. https://daisyui.com/components/tab/#radio-tab-bordered--tab-content

[saadeghi]

It will be fixed by tomorrow.

It's going to take more time. The grid template I had in mind as a fix, would create other issues.
I'm working on it...