Directive not working properly with Vuetify3

[will-uplanner]

Hey! I'm trying use as global directive with Vuetify, but it's not working well.

Every interaction on v-text-field component throws an error:

PS: works fine with normal input element

[jonathanpmartins]

What version are you using? Can you present a sketch with some code? I need to replicate this error to be able to solve it.

[nusagates]

Hi, i got this error using vuetify 3.1.13.

[sonofab1rd]

FYI, I'm getting the same error on vuetify 3.3.1. I cloned this repo to build and use in project locally. That way I could try to come up with a fix. So far here's what I've figured out.

onKeyDown and setValue seemed to be called twice for each update to the input value. Th second call el.value is undefined. I think this is due to vuetify wrapping the native input element. The native input is a somewhat deep descendant of el when those methods are called the second time.

When onInput is called el.value is off by an order of ten. E.g. if the input reads $0.09 el.value is 0.009.

Also, I'm using a v-text-field element.

I'm guessing that the directive needs to be updated to handle vuetify v-text-field element.

I'll keep working with it and let you all know when I have an update.

[Minotti]

I'm getting same error while using Vuetify.

Version: "vuetify": "3.1.14"

[sonofab1rd]

If you use a native input element, you should not get any errors. However, if you use a Vuetify element you'll get the error. You may be able to still use this with a Vuetify element if the error doesn't bother you. And, if you can work around the value being off by an order of ten.

[alhavizd]

is there an update for this?

[valbertVieira]

+1

[Minotti]

Some help? heheheh

[jonathanpmartins]

I'm not certain this is currently feasible. Any contributions from Vuetify users via pull requests would be greatly welcomed.

For now, the recommended approach would be to utilize Vuetify's CSS within the v-money3 component.

https://github.com/vuetifyjs/vuetify/issues/17686