How to deactivate browser autofill / autocomplete on input fields?

Questions
1

I spent a lot of time search, none of the proposed solutions (<autocomplete=“off”> <autocomplete=“false”>) work for me and it’s a big problem for the user experience. Any help?
Many thanks,
Gaudenz

2

This script did it for me:

2 Likes
3

Hi @gaudenz & @Blake

Just in case you’re still looking, we just released a plugin that allows you to determine the auto-completion data type of a specific input or deactivate it :slight_smile:

http://forum.bubble.io/t/new-plugin-auto-complete-input-filler-manually-map-and-set-browser-auto-completion-type-for-inputs/183288

4

This script also works. Simply put it inside a html element on the page:

<style>
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
</style>

PS: “select” is for dropdowns - “input” is for inputs

1 Like
5

Hi :clap:

Just in case you’re still looking, we have released a plugin that allows you to determine the auto-completion data type of a specific input or deactivate it :slight_smile:

It’s here

1 Like