Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

autoComplete="off" on TextInput does not work on the web

See original GitHub issue

Environment

Web

Description

I am trying to disable the autocomplete on the web using TextInput from react-native-paper 3.10.1

<TextInput
  name="city"
  textContentType="addressCity"
  autoComplete="off"
  mode="outlined"
/>

The autoComplete="off" is replaced with autocomplete="noop" in the rendered HTML, which cause the auto complete not to be disabled.

From where does the noop comes from and how can I disable the autocomplete?

Reproducible Demo

https://snack.expo.io/@kopax/curious-pizza

Issue Analytics

State:
Created 3 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

bouaoudcommented, Dec 15, 2020

hello,

any solution was found for this issue 0.13.14 andalready have the issue (autoCompleteType=‘off’ is not working in chrome)

thanks

1reaction

pan-pawelcommented, May 26, 2020

hey @kopax, you are right, we are using lower RNW for the same reasons. What i was trying to say, It’s not a paper issue, since we are using RNW and there is a code https://github.com/necolas/react-native-web/blob/e810f1fd2b41293cb1efe04e332fb6f8d4bcca65/packages/react-native-web/src/exports/TextInput/index.js#L261

Top Results From Across the Web

"AutoComplete=Off" not working on Google Chrome Browser

The user wants to use a password or autofill manager. The web application says it doesn't want the form values to be saved....

EDGE bug: autocomplete="off" still displays previously ...

I found another workaround. When I add another input field just behind the autocomplete="off" field, autocomplete="off" will work in Edge.

autocomplete attribute: on & off values | Can I use... Support ...

The autocomplete attribute for input elements indicates to the browser whether a value should or should not be autofilled when appropriate. Usage %...

How to Disable the Browser Autocomplete and Autofill on ...

However, there can be situations when this can not work accurately, ... When a website sets autocomplete="off " for a <form> or <input>...

autocomplete=off is ignored on non-login INPUT elements

What if the website wants to implement it's own typeahead? I find Chrome autofill doesn't work correctly anyway. I have to double check...