How to disable iOS Chrome password/credit card autofill?

user_1772823 0
Viewed 1325

On iOS 13 Chrome, when focusing on a text input, a wide gray bar will show on top of the keyboard with only a couple buttons for password and credit card autocompletion even though the input has attributes type set to "text" and autocomplete set to "off".

enter image description here

Besides being unneeded, this bar doesn't seem to decrease browser's perceived window height, so elements on the bottom of the page are getting cut off.

Edit: it is important to add the bar always shows up glued to the keyboard, even if the focused element is a <textarea> instead. This is not an issue specific to my website. For instance, this bar will show on google.com if I focused on the search input.

Is there a way of disabling/hiding that bar?

credit-card google-chrome autocomplete html ios
2 Answers

For the fields that are needing no autofill then place inside the desired <input> fields autocomplete="disabled" not autocomplete="off"

user_134463370

Somebody here discussed a workaround: Disable Chrome Autofill creditcard

by setting the autocomplete to autocomplete="cc-csc" it forces chrome to not be able to try and autocomplete it as its not allowed to store that value, unlike autocomplete="off" which chrome can still try and auto fill. I've tested this and it works.

user_111111190
Related