Floating label always shown because of -moz-placeholder rule

[laufhannes]

Replicating the floating label example from the docs causes the label to be shown even if the input field is input. I can't reproduce it in Tailwind Play and the docs look fine for me as well, so there's some configuration generating a strange rule in my scenario.

<label class="floating-label">
  <span>Your Email</span>
  <input type="text" placeholder="mail@site.com" class="input input-md" />
</label>

The inspector tells me that :is(.floating-label:focus-within, .floating-label:not(:has(input:-moz-placeholder, textarea:-moz-placeholder))) > span is active. It's in @layer utilities { @layer daisyui.l1.l2.l3 { and I did not enable this rule by purpose anywhere.

We're on DaisyUI 5.5.19 and Tailwind 4.2.1.

[pdanpdan]

check the browserslist used in project - I suppose you don't have one or you have one that generates support for old firefox versions
update it to target more modern browsers

[laufhannes]

Thanks! Indeed it's Autoprefixer since 10..4.21 together with last 2 versions causing the issue, see postcss/autoprefixer#1533. Explicitly setting not kaios <= 2.5 does the job.

[pdanpdan]

Thank you for the research.