Атрибут HTML5 contenteditable не работает должным образом на iOS7 Mobile Safari

Кажется, что атрибут contenteditable (который отлично работал на iOS6) прекратил работу с веб-сайтом iOS7. Хотя браузер, похоже, распознает поле как редактируемое и вызывает клавиатуру, любой ввод, похоже, закрывает его или не регистрируется. Любая встреча с той же проблемой или какие-либо обходные пути?

Вы можете попробовать это здесь - http://html5demos.com/contenteditable

Спасибо!

Ответы

Ответ 1

Сегодня я столкнулся с этой проблемой. Решение для меня состояло в том, чтобы установить user-select на " текст" в CSS для любых редактируемых элементов:

* {
    -webkit-user-select: none;
    user-select: none;
}

input,
textarea,
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

Ответ 2

У меня была такая же проблема, и приведенная ниже ссылка помогла мне решить ее.

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW1

Решение, которое сработало для меня, состояло в том, чтобы установить "- webkit-user-modify" свойство на "читать-писать" для любого редактируемого элемента (вы определили как contenteditable)

*{
    -webkit-user-modify:read-write;
}