Category "contenteditable"

Spans with display:none is not showing the space bars in firefox

We had a use case where some spans with display:none is added to our content editable div. So when the user somehow lands on the span and tries to add content,

Get content of span

how can I get the contents of span ? I'm looking for a way for all of this to be vanilla, not jQuery javascript (and a little jQuery) var swear_words_arr=new

How to show a dropdown list on a contentEditable span/div item when user tries to change the text of span

I have a contentEditable span element defined as: <span contentEditable={this.props.enableEditColumn} onKeyPress={this.checkInput.bind(this,columnDef)}>