Can't apply HTML5 autocomplete="off" to v-select
See original GitHub issueSteps to reproduce
Use a v-select autocomplete
as well as the HTML5 autocomplete attribute set to off (or any other value that is no “on”).
Versions
My package.json contains the following:
"vee-validate": "^2.0.0-rc.14",
"vue": "^2.4.2",
"vue-class-component": "^5.0.2",
"vue-router": "^2.7.0",
"vuetify": "^0.15.2",
"vuex": "^2.3.1",
"vuex-persistedstate": "^2.0.0"
What is expected ?
Be able to use v-select with autocomplete as well as disabling the browser autocomplete.
It’s not that the current behaviour is unexpected due to the conflict between v-select autocomplete and HTML5 autocomplete. This issue is more to raise the question about how to use v-select autocomplete while also being able to disable the browsers HTML5 autocomplete function.
What is actually happening ?
The component logs errors to the console because of an incorrect autocomplete binding due to a conflict between v-select autocomplete and HTML5 autocomplete.
console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js:1 [Vue warn]: Invalid prop: type check failed for prop "autocomplete". Expected Boolean, got String.
found in
<VSelect>
<VApp>
<Root>
Reproduction Link
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
autocomplete="off" is not working on chrome for select box ...
I am not using any form tag but i am using select box and mozilla is working good with autocomplete off but chrome...
Read more >How to Disable the Browser Autocomplete and Autofill on ...
Learn how to prevent browsers auto filling the input fields of HTML forms. Use autocomplete="off" to specify that autocomplete is disabled. See examples....
Read more >vue js disable button conditionally - You.com | The AI Search ...
The idea is rendering a component inside a template and do it conditionally. The reason giving guessable column name is to use condition...
Read more >Vuetify: Custom item slot in v-select - CodePen
Adding Classes. In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template....
Read more >vuetify autocomplete=off not working - San Javier - Hospital
I can't seem to load my dynamic items properly in the dropdown. ... Use a v-select autocomplete as well as the HTML5 autocomplete...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Great idea, will fix, ty!
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord