Есть ли решение проблемы с редактированием div при динамическом задании contentEditable в google chrome?

Question

[Pavel242]

Имеется div с атрибутом tabIndex="0". По событию focus меняю свойство contentEditable на true, соответственно по событию blur ставлю в false. В firefox div становится доступным для редактирования если на него кликнуть или он получит фокус с клавиатуры. К сожалению, в chrome редактирования по факту фокуса без клика не происходит. Есть какое решение на этот счет? Установить contentEditable в true заранее очень не хотелось бы

Comments

[Алексей Ярков]

По событию focus меняю свойство contentEditable на true, соответственно по событию blur ставлю в false

Зачем?

Установить contentEditable в true заранее очень не хотелось бы

Почему?

[alex4answ]

Зачем вы костылите и переопределяете базовую работу браузера?
с true/false contentEditable по focus/blur

[Pavel242]

Алексей Ярков, на экране множество редактируемых div элементов, если все имеет статус contentEditable=true, то в firefox ввод тормозит, для этого и сделана обработка по focus/blur

[Pavel242]

alex4answ, ответил выше

Answer 1

[Максим]

Попробуй ознакомиться со Svelte. Он генерирует качественный низкоуровневый javascript код.
Будет полезным 100%.
https://ru.svelte.dev/tutorial/basics