JSFiddle - React, Tailwind, and code Playground
HTML
<div contenteditable="true">
<p>before</p>
<div contenteditable="false">
<h4>uneditable</h4>
<div contenteditable="true">
<p>words</p><p>words</p>
</div>
</div>
<p>after</p>
<p>focus the "words", FF38 places caret, FF39 selects all</p>
<p>regression?</p>
</div>