Поведение каретки кажется несовместимым при вставке содержимого SVG между текстовыми узлами элемента contentEditable:
- Если содержимое svg указано как
<img>, я могу переместить каретку прямо перед и после svg и в конечном итоге удалить единственный svg, нажав клавишу backspace. OK
- Если содержимое svg является элементом
<svg>, то курсор не может быть помещен между svg и следующим символом. Удаление этого следующего символа также удаляет SVG без какой-либо причины. KO
Это происходит только с хромом.
Поведение Firefox в порядке
Скрипка с воспроизводимым примером: https://jsfiddle.net/58d6uwtv/1/
Это известная ошибка?
Любой совет, как обойти это и получить согласованное поведение кросс-браузер?
Спасибо!