vue-dynamic-forms icon indicating copy to clipboard operation
vue-dynamic-forms copied to clipboard

Does not work with Primevue Autocomplete Fields

Open geri777 opened this issue 3 years ago • 0 comments

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

  • [X] Read the docs.
  • [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

geri777 avatar Jul 08 '22 20:07 geri777