Contenteditable div 在离子 iOS 应用程序中不可编辑

Question

我正在尝试使用可编辑的 div 在 Ionic 应用程序中创建带有表情符号的文本输入。当我提供应用程序时，它在浏览器中运行良好，但是当我在 iOS 模拟器或 iPhone 上运行应用程序时，div 不可编辑。div 是可见的，如果我点击它，键盘会出现，但没有光标。如果我输入，div 中什么也不会发生。

<div contenteditable="true">Some text</div>

我怀疑这与 WKWebView 有关，但不确定为什么这在 Safari 中有效，而在应用程序中无效。是否需要启用某些功能才能使其工作？

Answer 1

所以问题出在 webkit 上。我需要在 CSS 中为可编辑 div 将用户选择选项更改为 auto：

-webkit-user-select: auto;