Question

我在Ionic for iOS中的contenteditable div遇到问题。我可以很好地点击div，它会弹出键盘，但是当您键入它时，它不会添加文本……这仅适用于iOS。 Android和PC可以完美运行。

有一些资源表明您需要添加-webkit-user-select: auto;或-webkit-user-select: text;，但都没有作用。

我的html很简单：

 <div contenteditable="true" #newPostTextarea [attr.placeholder]="placeholderText" autocomplete="on" autocorrect="on" maxlength="450" rows="2" (input)='charCount($event, false)' class="newPostTextarea"></div>

唯一有趣的事情可能是attr.placeholder，因为我需要一个占位符文本。

我的CSS是：

[placeholder]:empty::before {
    content: attr(placeholder);
    color: #c1c1c1 !important;
}

[placeholder]:empty:focus::before {
    content: "";
}

[contenteditable], #newPostTextarea, #replyTextarea {
    -webkit-user-select: auto;
    user-select: auto;
    //Also tried text instead of auto.
}

正如我所说，以上内容非常适用于Android和PC。但是由于某些原因，iOS并非如此。

您点击div并显示键盘，占位符消失，但是在您键入div时没有显示任何内容。有任何想法吗？谢谢！！

ContentEditable在Ionic的iOS上不起作用

0 个答案: