更新

Question

我在ListAdapter项目中使用Draft.js。编辑器在桌面浏览器（Chrome，Firefox，IE，Edge ...）上运行良好，但我在Android设备中遇到问题。

在我输入编辑器中的第一个单词并按下空格键（在软键盘上）后，编辑器失去焦点＆amp;如果我想继续输入编辑器，我将不得不再次触摸那里。

这是一次非常糟糕的用户体验。 React.js编辑器设置没有什么特别之处，就像他们的例子一样。

任何人都有同样的问题＆amp;请帮个忙吗？

Answer 1

我们通过disabling autocorrect解决contenteditable div的问题，如下所示：

componentDidMount = () => {
  $('.DraftEditor-editorContainer div').attr('autocomplete', 'off').attr('autocorrect', 'off').attr('autocapitalize', 'off')
}

如果没有jQuery，可能有一种方法可以做到，但我们已经浪费了很多时间来解决这个问题，这是一个简单的解决方案。：）

更新

我已经提交了pull request来解决我的问题。希望其他人觉得它很有用。这允许我保持启用自动更正。我将此PR中的更改应用于draft-js repo的v0.10.0标记，而不是master。

Answer 2

以下内容似乎适用于draft-js@0.10.1

<Editor 
  autoCapitalize={'none'}
  autoComplete={'off'} 
  autoCorrect={'off'} 
  spellCheck={false} ... />

Draft.js编辑器在第一个单词后失去了对Android浏览器的关注

2 个答案:

更新