Reagierte Komponente wird in Firefox nicht automatisch vervollständigt

Question

Bei Verwendung einer kontrollierten Eingabe in React funktioniert die Autocomplete-Funktion nicht in Firefox, aber in Chrome. Es hat also mit dem Attribut autocomplete off auf dem Formularelement nichts zu tun, da ich es nicht benutzt habe.

Dies ist der Code I verwenden, um das gesteuerte Eingangselement zu machen:

<input style={inputStyle} id={this.props.id} type={this.props.type} placeholder={this.props.placeholder} value={this.props.value} onChange={this.props.onChange} /> 

Und dies ist die onChange Funktion, die in diese Komponente von der Mutterkomponente (für das E-Mail-Feld) übergeben wird:

_updateEmail(event) { 
    this.setState({email: event.target.value.substr(0, 100)}); 
} 

Und hier sind 2 Screenshots um zu zeigen, dass es nicht in Firefox funktioniert, aber in Chrome.

Chrome:

Firefox:

Wenn ich die gesteuerte Eingabe in eine normale drehen, es mit Firefox funktioniert. Das ist der wirklich komische Teil.