Div with contentEditable does not work at all

Mik378 · July 30, 2015, 6:28pm

Hi,

I want to allow user to edit some div.

I have this code snippet:

<ion-content>
   <div contenteditable="true">Click to Edit me</div>
</ion-content>

Is there any explanation why it’s not editable on click?

Here’s a codepen.

Thanks,

Michael

gmarziou · July 30, 2015, 8:00pm

Your codepen works for me in unless I misunderstood your issue.

Mik378 · July 30, 2015, 10:28pm

@gmarziou I bet you didn’t try with Safari

Mik378 · July 30, 2015, 10:41pm

I’ve just succeeded:

<div contenteditable="true" style="-webkit-user-select: text; -khtml-user-select: text;-moz-user-select: text;-o-user-select: text;user-select: text;">

This way it works on Safari and others too.

gmarziou · July 31, 2015, 1:40pm

Yes I was on Chrome or Firefox

tonyluo · September 22, 2015, 2:34pm

when i press Enter, the text in the newline can’t be selected. do you have the same issue?