QInput shadow-text is showing when input is out of focus but hasError is true

[Dtsiantaris]

What happened?

When there is an error present and the input loses focus the shadow text is still displayed. This creates an ugly overlapping effect of label and shadow-text.

If there IS NOT AN ERROR the shadow text disappears when focus is lost,

What did you expect to happen?

I have a q-input where i use rules for some basic validation. I also have a shadow-text that i want to always be visible when the input is focused.

EDIT
After playing around, i found out that the class q-field--highlighted is responsible for the visibility of the shadow-text. This class is normally removed when focus is lost but NOT when there is an error.

Reproduction URL

https://codepen.io/dtsiantaris/pen/JjVqLZJ

How to reproduce?

1. Go to the provided link
2. Type something -> You can see the shadow text
3. Erase it so the val.length rule kicks in -> You can still see the shadow-text
4. Click outside the q-input -> You can see still see the shadow-text

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

No response