search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.06k stars 6.91k forks source link

[Bug Report][3.5.16] All Input Components #append slots somehow losts ability to react on isValid prop #19650

Closed jakubmatisak closed 2 weeks ago

jakubmatisak commented 2 weeks ago

Environment

Vuetify Version: 3.5.16 Vue Version: 3.4.23 Browsers: Chrome 123.0.0.0 OS: Windows 10

Steps to reproduce

  1. Create VTextField
  2. Add #append slot
  3. Add VIcon component or something similiar, actually you just need condition - {{ isValid ? 'mdi-check' : 'mdi-close' }}
  4. I want to change icon and color based on isValid state (based on docs it is bool or null)
  5. Condition is ignoring changing of isValid prop (I have also tried v-if)

It is also not working in VSelect, VAutocomplete, VTextArea, etc and been tested in 3.6.0-alpha2, but it's not working there either.

In playground is working (workaround), and not working example.

Expected Behavior

I expect condition to react on change of isValid state.

Actual Behavior

It is doing nothing.

I have found workaround - to add isValid._value to condition, but it shouldn't work that way.

Reproduction Link

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

Other comments

Before submitting I have found this and it may be related, but I'm not sure. I'm sorry if it is duplicated. https://github.com/vuetifyjs/vuetify/issues/18355

KaelWD commented 2 weeks ago

Yes this is the same as #18355