JSFiddle - React, Tailwind, and code Playground

HTML

<div contentEditable id="test" style="border: 1px solid red">Foo</div>

JavaScript

document.getElementById('test').addEventListener('focus', function(e) {
    console.log(document.activeElement);
    console.log(window.getSelection());
    console.log(window.getSelection().getRangeAt(0));
});