JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

function setSelectionRange(aNode, aOffset) {

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

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

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