Редактируемый диапазон исчезает из DOM в Edge

Question

У меня есть следующий стиль:

<style>
    span{
        display:inline-block;
        width:200px;
        border:solid 1px;
    }
</style>

и мой HTML:

Type something, select it, then hit Del <span contenteditable="true"></span>

При использовании Edge: если я что-то наберу в промежутке, выделю текст, затем нажмуКлавиша Del, промежуток исчезает.Когда я говорю, что исчезает, я имею в виду, когда я проверяю элемент в отладчике, он больше не существует в DOM.Это происходит с Edge и не происходит с Chrome или Firefox.Ожидаемое поведение заключается в том, что текст будет очищен, но интервал будет таким, каким он был до ввода текста.Если кто-нибудь знает простой способ предотвратить это, я был бы признателен.

Вот jsfiddle:

https://jsfiddle.net/dxsvwz3f/2/

Answer 1

Это признается ошибкой:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18787906/

Answer 2

Это связано с тем, что для Microsoft DevTools определена комбинация клавиш.

Вы также можете ссылаться на документы здесь: https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/elements