disabling autocomplete for admin-on-rest SimpleForm

Question

Is there a possibility to disable autocomplete for AOR SimpleForm component? I tried various combinations of the following:

<SimpleForm autoComplete="off">

But nothing seems to work. Can it be customized in such a manner or does it require creating your own component? I need it specifically for AOR (not react-admin). Thanks in advance for any help.

score 3 · Accepted Answer · edited Jun 20 '20 at 09:12

I think you might struggle with the basic understanding on how to disable auto complete, so here's a catch up:

How does disabling auto complete work in HTML?

autocomplete is a HTML attributefor input elements. Possible values are on and off.

You can disable autocomplete by using it like this:

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

How can I apply this to React?

React has always provided a JavaScript-centric API to the DOM. Since React components often take both custom and DOM-related props, React uses the camelCase convention just like the DOM APIs

Source

The conclusion is, you have to set the property autoComplete to off on those components aka input fields, not on the from element around the input fields.

Example

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <input name="email" autoComplete='off' />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

In your case, the components is propably called TextInput.

After looking at the source, I've found out that AOR uses TextField of material-ui, which accepts autoComplete as property.

So if you either pass input={{ autoComplete: 'off' }} or options={{ autoComplete: 'off' }} you should be good to go.

I tried this as well before posting my answer. Unfortunately it did not help. I guess one has to override admin-on-rest components to achieve this effect. — AlgorithmFromHell, Oct 16 '18 at 06:59
Ah, I didn't notice the `options` bit. Worked like a charm! Thanks. — AlgorithmFromHell, Oct 16 '18 at 09:26

score 0 · Answer 2 · answered Dec 19 '21 at 08:08

0

No. This is not possible on Chrome

Previously you can set autoComplete="off", but now it's not possible because Google Chrome now allow you to control it anymore.

answered Dec 19 '21 at 08:08

Terry Tú Nguyễn

160
6

disabling autocomplete for admin-on-rest SimpleForm

2 Answers2

How does disabling auto complete work in HTML?

How can I apply this to React?

Example