Stop Chrome Autocomplete Dropdown Taking Focus

Question

Is it possible to stop the Chrome autocomplete suggestions dropdown taking focus?

I have an input box within an overlay, and the overlay closes if an element outside of the overlay receives focus.

Hence if a user uses autocomplete to fill out this input box, the overlay closes before the overlay can fire an event.

Any suggestions? Thanks.

Just to clarify - using autocomplete: off will solve my problem. But I was hoping to keep autocomplete working as a feature, and just remove the focus.

You can [turn off autocomplete](https://stackoverflow.com/q/2530/215552)... — Heretic Monkey, Dec 20 '19 at 14:26
Does this answer your question? [How do you disable browser Autocomplete on web form field / input tag?](https://stackoverflow.com/questions/2530/how-do-you-disable-browser-autocomplete-on-web-form-field-input-tag) — Alon Eitan, Dec 20 '19 at 14:26
And if the accepted answer doesn't work then check [this answer](https://stackoverflow.com/a/40791726/754119) which worked for me — Alon Eitan, Dec 20 '19 at 14:28
Thanks - I was preferring to keep the autocomplete feature working - hence I was wondering if there was any way to stop it receiving focus. However, autocomplete off is a good enough solution if this is not possible. — jamesthemullet, Dec 20 '19 at 15:11

score 3 · Answer 1 · answered Dec 20 '19 at 14:28

3

Look at this...

<input autocomplete="off">

Source: HTML input autocomplete Attribute

answered Dec 20 '19 at 14:28

AiAbdrahim

309
2
13

Thanks - this will resolve my problem, though I was hoping to keep autocomplete working as a feature for users. – jamesthemullet Dec 20 '19 at 15:11

score 1 · Answer 2 · answered Dec 21 '19 at 02:51

1

Simple as this,

  <input type="email" name="email" autocomplete="off">

answered Dec 21 '19 at 02:51

Gimnath

824
9
11

Stop Chrome Autocomplete Dropdown Taking Focus

2 Answers2