I have a form component used for searching, but LastPass keeps treating it as an email / username field and auto populating it.
I've looked at past discussions on StackExchange, and the accepted answers no longer seem valid. I have also tried following their documentation, but as soon as the code is compiled and deployed, LastPass stops honoring the data-lpignore="true" tag.
https://support.lastpass.com/help/how-do-i-prevent-fields-from-being-filled-automatically
The app is using a BootstrapVue form input component, and hidden isn't an acceptable form input type. My code looks like this.
<b-col cols="9">
<b-form-group
label="Filter"
label-cols="2"
label-align="right"
style="width: 100%"
>
<b-form-input
v-model="filter"
data-lpignore="true"
type="search"
placeholder="Type to Search"
/>
</b-form-group>
</b-col>
https://bootstrap-vue.org/docs/components/form-input
I've tried a good assortment of suggestions in the comments, but I can't seem to find any that work. Any ideas?
Well, apparently they cut the data-lpignore="true" rule and revived old id includes the term "search" rule from 2015. Someone needs to update the documentation on their website. Here's my fix.
<b-form-input
id="type-search"
data-lpignore="true"
v-model="filter"
type="search"
placeholder="Type to Search"
/>