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>