HTML5 contenteditable Attribut funktioniert nicht richtig auf iOS7 Mobile Safari

Question

Es scheint, dass das contenteditable Attribut (das auf iOS6 funktioniert) funktioniert nicht mehr auf iOS7 Webkit funktioniert. Obwohl der Browser das Feld als bearbeitbar zu erkennen scheint und die Tastatur öffnet, scheint eine Eingabe ihn zu schließen oder es wird nicht registriert. Haben Sie das gleiche Problem oder haben Sie Workarounds?

Sie können es versuchen, hier aus - http://html5demos.com/contenteditable

Dank!

Answer 1

Ich stieß heute auf dieses Problem. Die Lösung war für mich user-select auf „Text“ in der CSS für alle editierbaren Elemente einzustellen:

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

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

Answer 2

ich das gleiche Problem haben und die folgenden Link hat mir geholfen, es zu lösen.

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

Die Lösung, die für mich gearbeitet wurde "-webkit-user-modify" Eigenschaft "read-write" für jedes bearbeitbare Element zu setzen (Sie als contenteditable definiert haben)

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