I've been utilizing the [vue-multiselect] library for my project.
[1]: https://www.npmjs.com/package/vue-multiselect. Within a form, I have multiple multiselect dropdowns. The issue I'm facing is with the browser's autocomplete feature. I'd like to either deactivate it or make it function properly. I attempted to disable autocomplete by using:
autocomplete="off"
// autocomplete="nope"
//autocomplete="random-text"
However, none of these methods seem to work. Alternatively, if we decide to keep the autocomplete behavior as is, then when selecting an item from one multiselect input's autosuggestion list, the other inputs get auto-populated by the browser except for other multiselect inputs. Autosuggestions from the first multiselect option should not trigger autofill in the other multiselect options provided by the browser. For instance, I have three multiselects: State, District, City When I choose a State and start receiving autosuggestions from the browser, hovering over them populates the District and City fields with previous information. Yet, upon selecting an autosuggested State value, all values in State, District, and City become blank, which can be frustrating for users. Any suggestions on how to either disable the browser's autocomplete behavior or auto-select values in all three multiselect dropdowns would be greatly appreciated.