Is there a solution to the div editing issue when setting contentEditable dynamically in google chrome?

Question

JavaScript

There is a div with attribute tabIndex="0". On the focus event, I change the contentEditable property to true, respectively, on the blur event, I set it to false. In firefox, a div becomes editable if it is clicked on or given keyboard focus. Unfortunately, in chrome, editing on the fact of focus without a click does not occur. Is there any solution for this? I really don't want to set contentEditable to true beforehand

Answer 1

Try to familiarize yourself with Svelte. It generates high quality low level javascript code.
Will be 100% helpful.
https://ru.svelte.dev/tutorial/basics