JSFiddle - React, Tailwind, and code Playground

by Teuta Koraqi

HTML

<div id="editable" contenteditable="true">
  text text text<br>text text text<br>text text text<br>
</div>
<button id="button" onclick="setCaret()">focus</button>

JavaScript

function setCaret() {
    var el = document.getElementById("editable");
   /*  var range = document.createRange();
    var sel = window.getSelection();
    debugger; */
    el.focus();
    el.setSelectionRange(0, 3);
  /*   range.collapse(true);
    sel.removeAllRanges();
    sel.addRange(range); */
    
}