ContentEditable не работает на iOS в Ionic - PullRequest
0 голосов
/ 29 ноября 2018

У меня проблема с 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.Есть идеи?Спасибо !!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...