[Bug Report][3.5.3] [v-text-field]If you combine a clearable with a rule, the clear button will not appear.

[rararax16]

Environment

Vuetify Version: 3.5.3
Vue Version: 3.4.18
Browsers: Chrome 121.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

step1.

Enter values in the label1 entry field.
Click the clear button (x) on the right to clear the value.
Remove focus from label1.
If you enter a value in the input field of label1 again, the clear button will appear.

step2 .

Enter a value in the label2 entry field.
Click the clear button (x) on the right to clear the value.
Remove focus from label2.
If you enter a value in the input field of label2 again, the clear button is not displayed.

Expected Behavior

Clear button appears after pressing the Clear button and re-entering a value.

Actual Behavior

The Clear button is not displayed after pressing the Clear button and entering the value again.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The phenomenon occurs only when the rule is whether the input is required or not.
Otherwise, the clear button appears without any problem.

[KaelWD]

?
https://github.com/vuetifyjs/vuetify/assets/16421948/1b48a4b7-bee0-4244-8907-dea46e25b96f

[rararax16]

Thanks for the reply.

The video you sent me is the right move.
However, when I try it in the playground, it works like the attached video.

test.mov

@KaelWD

[KaelWD]

Ok I can reproduce with those steps, you didn't say to lose focus before clearing. This is #19191