android - Chrome for Android contenteditable 错误

Question

我在 Chrome for Android (v3.1.0.1650.59) 中遇到了一个关于 contententible 元素的奇怪错误。

<div contenteditable="true">
     Lorem ipsum dolor sit amet, consectetur, mi euismod
</div>

当用户将焦点放在输入上并点击输入的末尾以将光标移动到末尾时，the spell check line is not in the correct location - it is several characters off .然后，当用户点击删除字符时，part of the text before the carrot get scrambled about .

这似乎只有在输入的最后一个单词拼写错误时才会出现问题，因此会显示自动更正建议。如果最后一个单词拼写正确，则问题不存在。

代码可以在这里找到:https://dl.dropboxusercontent.com/u/29148332/contenteditable.html

我的标记/css 中是否有什么东西触发了这个问题，或者这是 Chrome for Android 的错误？

Answer 1

不幸的是，这是 Android 的 WebView 类的一个错误，自 2013 年以来显然是一个已知问题。我花了几个小时试图修复它，因为它无法忍受，并且了解到正在发生的事情是键盘落后于元素中的内容，导致这些奇怪的光标放置和自动更正问题。显然，它已经 3 年没有修复了，所以我猜是出了什么大问题。

从设计的角度来看，最好的办法是强制 Android 用户接受它，或者使用一些支持基本 HTML 元素或 bbcode 的未格式化的纯文本编辑器。