bug: Tab (legacy) visual pop when radio inputs are unchecked

[Andersama]

What version of daisyUI are you using?

4.12.14

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/xZ0f0WOCGN

Describe your issue

I'm in a situation where I'm trying to make my website functional without javascript. This means that the "new" and "recommended" versions of tabs suggested are not usable. So I ran into a rather annoying visual pop / bug with the legacy tabs. It took a minute to determine the "bug".

The issue is that the CSS expects there to be a checked radio input. When there isn't there is a missing ::before content area which drastically changes how the tabs are rendered, resulting in a HUGE visual pop when clicking on the tabs for the first time.

My suggestion: fixup the CSS such that the visual pop doesn't occur, and/or make mention that one of the radio inputs must be checked.

[github-actions]

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

[saadeghi]

Yes this is a bug. It will be fixed soon.