6

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?

Samuel
  • 1,271
  • 1
  • 15
  • 29

2 Answers2

0

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

nozzy
  • 33
  • 1
  • 10
  • 1
    Setting `autocomplete="disabled"` did not remove the bar on Chrome iOS 13.3.1. Besides, the spec specifies `autocomplete="off"` as the right way of disabling autocompletion. See https://www.w3.org/TR/html52/sec-forms.html#autofilling-form-controls-the-autocomplete-attribute – Samuel May 18 '20 at 17:17
  • does this work? `````` due to the input type being **search** iOS shouldn't pick it up to do autofill – nozzy May 19 '20 at 02:29
  • It did not work. I added more info to the question pointing out this is not specific to `` elements. – Samuel May 20 '20 at 02:14
0

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.

John
  • 5,132
  • 1
  • 6
  • 17
  • 1
    It didn't work on Chrome iOS. Please take into consideration this issue might not be related to autocomplete at all. The bar always shows on top of the keyboard on any website, on ``s and ` – Samuel May 25 '20 at 01:11