Tengo un div editable y quiero insertar texto cuando se hace clic en otro div , usando document.execCommand . Cuando uso un button , funciona correctamente, pero no funciona cuando se usa un div en el que se puede hacer clic.

 <!-- When I click this, it works --> <button on:click={e => document.execCommand("insertText", false, "Some text")}>Inser text</button> <!-- When I click this, it doesn't --> <div on:click={e => document.execCommand("insertText", false, "Some text")}>Inser text</div> <div contenteditable="true" />

Sospecho que es un problema de enfoque. He intentado llamar a e.preventDefault() pero tampoco funciona.

No es relevante, pero estoy usando Svelte.