saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.25k stars 1.31k forks source link

bug: Tab content width on Safari #2735

Open robsontenorio opened 10 months ago

robsontenorio commented 10 months ago

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

image

Chrome

image
github-actions[bot] commented 10 months ago

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 commented 10 months ago

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

saadeghi commented 10 months ago

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

No. block breaks the layout.

It will be fixed by tomorrow.

robsontenorio commented 10 months ago

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

saadeghi commented 10 months ago

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 commented 10 months ago

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...

erdemyunsel commented 6 months ago

same issue safari on me

image
Menesozbunar commented 6 months ago

I'm getting a similar error. I'm waiting for support.