asigloo / vue-dynamic-forms

Easy way to dynamically create reactive forms in Vue based on a varying business object model
https://vue-dynamic-forms.netlify.app/
MIT License
395 stars 45 forks source link

Does not work with Primevue Autocomplete Fields #308

Open geri777 opened 2 years ago

geri777 commented 2 years ago

Version

3.x.x (Vue 3.x)

Describe the bug

I have spent so many hours to use a custom field type, but it does not work. I would like to use https://primefaces.org/primevue/autocomplete

Everything works fine as long as I am just selecting items from the list. But as soon as I enter a search string, my search string is included into the data - each character is transformed into an object key. I know this is neither a VDF bug nor a PrimeVue bug - but somehow they don't play together well.

https://codesandbox.io/s/strange-davinci-hqh5kl?file=/src/App.vue (Codesandbox needs to be started sometimes twice until it works)

Describe the bug

Test both elements in my sample application: Enter "Aus" and select "Australia" from the list. The element will now have [ "A", "u", "s", { "code": "AU", "name": "Australia" } ] as its value.

image

Expected behavior

"Australia" should be added to the autocomplete element. Its value should be [{ "code": "AU", "name": "Australia" } ]

System Info

npmPackages:
    @asigloo/vue-dynamic-forms: ^3.12.0 => 3.12.0

Additional context

No response

Validations