JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable = true id = "test_orig">abcdefg</div>

<ul contenteditable = true id = "test">
    <li id = "item1">abcdef</li>
</ul>

JavaScript

function setSelectionRange(aNode, childElem, aOffset) {

    aNode.focus();
    
  	var sel		= window.getSelection(),
	range	= sel.getRangeAt(0);

    range.collapse(true);
    
	range.setStart(childElem.childNodes[0], aOffset),
				
	sel.removeAllRanges();
	sel.addRange(range);
}

setSelectionRange(document.getElementById("test"), document.getElementById('item1'), 1);