JSFiddle - React, Tailwind, and code Playground
HTML
<textarea></textarea>
<button>focus</button>
JavaScript
function saveSelection() {
if (window.getSelection) {
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
return sel.getRangeAt(0);
}
} else if (document.selection && document.selection.createRange) {
return document.selection.createRange();
}
return null;
}
function restoreSelection(range) {
if (range) {
if (window.getSelection) {
sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
} else if (document.selection && range.select) {
range.select();
}
}
}
$('textarea').mouseup(function() {
saveSelection();
});
$('button').click(function() {
$('textarea').focus();
restoreSelection()
})