daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: Tab content width on Safari

Open robsontenorio opened this issue 2 years ago • 8 comments

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

robsontenorio avatar Jan 07 '24 03:01 robsontenorio

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.

github-actions[bot] avatar Jan 07 '24 03:01 github-actions[bot]

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

robsontenorio avatar Jan 07 '24 15:01 robsontenorio

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

No. block breaks the layout.

It will be fixed by tomorrow.

saadeghi avatar Jan 08 '24 12:01 saadeghi

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

robsontenorio avatar Jan 08 '24 18:01 robsontenorio

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 avatar Jan 09 '24 11:01 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...

saadeghi avatar Jan 09 '24 11:01 saadeghi

same issue safari on me

image

erdemyunsel avatar May 17 '24 14:05 erdemyunsel

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

Menesozbunar avatar May 17 '24 14:05 Menesozbunar