У меня проблема с contenteditable div в Ionic для iOS.Я могу просто нажать на div, и он вызывает клавиатуру, но когда вы набираете текст, он не добавляет текст ... Это только для iOS.Android и ПК работают отлично.
В некоторых ресурсах говорилось, что вам нужно добавить -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 и ПК.Но не iOS по какой-то причине.
Вы нажимаете на div
, и появляется клавиатура, заполнитель исчезает, но при вводе ничего не отображается в div
.Есть идеи?Спасибо !!