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

Posted 2021-03-19

我正在尝试使用可编辑内容的div在Ionic应用程序中创建带有表情符号的文本输入。当我为应用提供服务时，它可以在浏览器中正常工作，但是当我在ios模拟器或iPhone上运行该应用时，div不可编辑。 div是可见的，如果单击它，键盘会出现，但没有光标。如果键入，则在div中什么也不会发生。

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

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

答案

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

-webkit-user-select: auto;

另一答案

就我而言，我不得不使用

user-select: text;