Impostare il focus su una textarea

Per impostare il focus su una textarea

HTMLCopia

<textarea id="txt-body"></textarea>

<button type="button" id="btn">set focus</button>

normalmente è sufficiente invocare, da JavaScript, il metodo focus

JavaScriptCopia

document.getElementById("txt-body").focus()

ma se cerchiamo di impostare il focus dall'interno di un evento

JavaScriptCopia

document.getElementById("btn").addEventListener("click", () => {
    document.getElementById("txt-body").focus();
});

non funziona.

Per farlo funzionare va introdotto un ritardo con setTimeout

JavaScriptCopia

document.getElementById("btn").addEventListener("click", () => {

  setTimeout(() => {

    document.getElementById("txt-body").focus();

  }, 0);

});