Disable autocomplete/autofill on input in Chrome for Android
EDIT: this question specifically concerns autofilling on Chrome for Android!
Here is a screenshot of my progressive web app running on Android (so it's running in Chrome):
I've pretty much read every topic on stackoverflow that has "disable" and "autofill" in the title, but I still haven't been able to find a solution.
Over the past year or two, there have been several different versions of Chrome, and in some, one of the following suggestions has worked:
- attribute autofill="off"/"false"/etc... or autocomplete="off"/"false" or autocomplete="" or autocomplete="new-password" on the
<form>element, as suggested here: 2019, Chrome 76, approach to autocomplete off - any of these on the
<input>element - a hidden input field with one of these attributes before the real one
- any autocomplete="something" that is not on the WHATWG list as suggested here: Disable autofill in Chrome 63
- attributes role="presentation" and autocomplete="nope" on all input fields as suggested here: STOP Google Autofill/AutoComplete from ruining my form, Disable autofill on form
- a combination of autocomplete="off" on the
<form>element combined with autocomplete="false" on the<input>element... as suggested here: Disable autofill in HTML - using
input type="search"(which is actually what I'm trying to achieve), as suggested: 2019, Chrome 76, approach to autocomplete off - javascript solutions like: https://github.com/biesbjerg/jquery.disable-autofill
Nothing seems to work for my <input type="search">.
Does anyone have a working solution>.
The problem with Chrome autofilling my search field, is that the suggestions are displayed over my OWN suggestions that are coming from an asychronous call to my database...
Any help would be much appreciated.
It seems that autocomplete="one-time-code" seems to work (for now). This works on mobile chrome, iOS safari and all common desktop browsers.
- How do I add a default text to the beginning of an html text area?
- ES2015 import doesn't work (even at top-level) in Firefox
- Can I force a page break in HTML printing?
- Why HTML <button type="submit" >doesn't work with internet explorer?
- CSS Is Not Importing into HTML
- Set the default value of an input field
- How to force background image to stretch/compress to fit div, without keeping aspect ratio
- How to render raw html in the PyHTML library
- HTML CSS Layout breaks with parent of floated elements
- How does the "position: sticky;" property work?
- Content Security Policy error - violating directive: script-src 'self'
- Navigation arrows are not showing
- Fixing Border Radius in Safari?
- How to show the date picker if I click the parent div after explictly hiding the date type input in React?
- Array of data showing in console but not in HTML after passing it through dialog in Angular project
- Puppeteer.page.waitForSelector timeouts, even though the element is present
- How can I allow document.domain on a sandboxed iframe?
- problems with my button background color and hover and active states
- Ignore html tags in preg_replace
- Append element as sibling after element?
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- How do I auto scroll in Angular?
- Button click not showing/hiding content
- Will browser pull from cache if the same resource is being requested by a different origin?
- filter file upload for only text files
- Correct XPath query to fetch div inner text
- How to select(highlight) and copy ordered list numbers
- Why javascript is not loading for document.readyState==="complete"
- Set the background color of the entire webpage (the browser's window)
- HTML/CSS Flip Card Works on Desktop but not Mobile