bug: V5 - Using a Floating Label with a disabled input looks weird.

[whitetxt]

What version of daisyUI are you using?

v5.0.0-beta.1

Which browsers are you seeing the problem on?

Chrome, Firefox (Probably all browsers, I just can't confirm)

Reproduction URL

https://play.tailwindcss.com/PZRBzuF7sJ

Describe your issue

When using a Floating Label, if the input is disabled then it is possible to see through the input to the label behind it, which doesn't line up perfectly and therefore looks weird.

This only happens with a disabled input WITHOUT a value, if the input has a value then it works as expected.

Example in the Tailwind Play page.

[github-actions]

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

[whitetxt]

I've found adding the following to the tailwind input fixes this, I feel like using "hidden" is a bad decision though.

.floating-label {
    &:has(input:disabled:placeholder-shown) {
        > span {
            @apply hidden;
        }
    }
}

https://play.tailwindcss.com/9WQ2pRV28E

[saadeghi]

It will be fixed in 5.0.0-beta.2 this week.