question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't apply HTML5 autocomplete="off" to v-select

See original GitHub issue

Steps 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

https://codepen.io/anon/pen/EvqEWy

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
johnleidercommented, Sep 10, 2017

Great idea, will fix, ty!

0reactions
lock[bot]commented, Apr 14, 2019

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found