Ich benutze Draft.js in einem React.js Projekt. Der Editor funktioniert einwandfrei mit Desktop-Browsern (Chrome, Firefox, IE, Edge ...), aber ich habe ein Problem mit dem Android-Gerät.
Nachdem ich das erste Wort in den Editor eingegeben und die Leertaste (über die Tastatur) gedrückt habe, hat der Editor den Fokus verloren und ich muss ihn erneut berühren, wenn ich den Editor weiterhin eingeben möchte.
Dies ist eine sehr schlechte Benutzererfahrung. Das Draft.js Das Editor-Setup ist nichts Besonderes, genau wie das Beispiel.
Hat jemand das gleiche Problem und bitte eine Lösung?
Antworten:
2 für die Antwort № 1Wir kamen um das Problem herum durch Deaktivierung der Autokorrektur für die contenteditable div, wie so:
componentDidMount = () => {
$(".DraftEditor-editorContainer div").attr("autocomplete", "off").attr("autocorrect", "off").attr("autocapitalize", "off")
}
Es gibt wahrscheinlich eine Möglichkeit, dies ohne jQuery zu tun, aber wir haben bereits so viel Zeit mit diesem Problem verschwendet, dass dies eine einfache Lösung war. :)
Ich habe eine eingereicht Pull-Anfrage das löst das problem für mich. Hoffentlich finden es andere Leute nützlich. Dadurch konnte ich die Autokorrektur aktiviert lassen. Ich habe die Änderungen in dieser PR auf den Tag v0.10.0 des Draft-Js Repo angewendet, NICHT master.
0 für die Antwort № 2
Folgendes scheint zu funktionieren draft-js@0.10.1
<Editor
autoCapitalize={"none"}
autoComplete={"off"}
autoCorrect={"off"}
spellCheck={false} ... />