contenteditable div nicht wirklich editierbar in webkit

Question

Ich habe ein div mit dem contenteditable Attribut auf True gesetzt, aber es zeigt keinen blinkenden Cursor oder Update, wenn ich Text hineinsetze. Ich habe Ereignis-Listener für Fokus, Keydown und Tastendruck hinzugefügt, um zu sehen, ob das Div sie empfängt, UND ES IST!

Wie könnte es sein, dass alle geeigneten Ereignisse tatsächlich feuern, aber der Inhalt des div sich nicht angemessen aktualisiert? Ich mache nichts Unkonventionelles wie das Standardverhalten der Ereignisse zu verhindern.

Auch habe ich zufrieden stellend arbeiten gut in Ordnung mehrere Male zuvor auf verschiedenen Projekten, so dass ich ziemlich sicher bin, ist es ein Bug, der durch die Struktur der HTML-Seite dieser bestimmten Seite verursacht wird. Auch dieses Problem tritt nur in Chrome und Safari auf. Firefox und IE8 sind in Ordnung.

Answer 1

Okay, ich habe mein Problem herausgefunden. Ich hatte die CSS-Eigenschaft '-webkit-user-select' auf keinem Element auf einem Element in der Hierarchie des fraglichen div gesetzt. Dadurch wurde verhindert, dass der Cursor jemals innerhalb meines contentEditable div positioniert wurde.

Interessanterweise hat der entsprechende '-moz-user-select' (den ich auch in der Hierarchie nicht gesetzt habe) keine Auswirkungen auf Firefox auf die gleiche Weise.

Answer 2

Ich möchte diesen Code mit Ihnen teilen. Es könnte dir helfen! Sie deaktivieren die Benutzerauswahl und Callout für die gesamte Site und überschreiben dann die contenteditable Felder, um Benutzerauswahl zu ermöglichen.

html,body{ 
    -webkit-user-select: none; 
    -webkit-touch-callout: none; 
} 

*[contenteditable] { 
    -webkit-user-select: auto !important; 
}