fix(VField): remove overlay for clearable button, if field is not active

[mueller-jens]

Hide the coverlay of clearable if a input field id not hovered and not focused

Description

Fixes #20375

Markup:

[johnleider]

I believe this was made to always render because it caused a layout jump when the clear element was rendered. Also, are these changes necessary?

[mueller-jens]

@johnleider Maybe the changes in the first test arn't needed, but screen.getByCss didn't work in my environment. The changes in the second text neede, because the clearable icon is only redered if the field is active. without these change the test fail. (As I remember correctly)

[mueller-jens]

Is there anything that I have todo, that this PR can be merged 🤔

[johnleider]

Is there anything that I have todo, that this PR can be merged 🤔

The entry animation is lost doing it this way:

[mueller-jens]

@johnleider thanks for the review. Better now?

[johnleider]

Looks great. Will have to wait for this though. Expand animations with margin/padding always have a jump whenever the element enters or leaves. Overall, you've done as much as the framework will allow.

[mueller-jens]

Looks like this PR will never be merged and is obsolete because of #21567. So I will close it