Как удалить контент из редактируемого поля на Facebook/messenger.com? ⇐ Html

[Anonymous]

Я создаю расширение Chrome, которое вставляет текст в текущее текстовое поле.
Я хочу сначала удалить весь текст в области, а затем вставить новый текст, когда функция будет называется. Я написал код JavaScript, который отлично работает на многих веб-сайтах (например, https://gemini.google.com/).

Код: Выделить всё

    focusedInputBox.focus();
const range = document.createRange();
range.selectNodeContents(focusedInputBox);
const sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
document.execCommand("delete");
document.execCommand("insertText", false, newText);

Проблема возникает, когда я пытаюсь сделать это на https://www.messenger.com/, что является основным вариантом использования этого кода. Команда exec для вставки текста работает, но команда для удаления ничего не делает и завершается без ошибок. Вместо этого новый текст вставляется перед существующим текстом, что приводит к большому количеству дублирований.
Вот как выглядит HTML-элемент

Код: Выделить всё

    aria-describedby=":rav:"
aria-label="Message"
class="xzsf02u x1a2a7pz x1n2onr6 x14wi4xw x1iyjqo2 x1gh3ibb xisnujt xeuugli x1odjw0f notranslate"
contenteditable="true"
role="textbox"
spellcheck="true"
tabindex="0"
aria-placeholder="Aa"
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
data-lexical-editor="true">

Я пробовал установить текстовое содержимое с помощью InnerHtml и textContent, но обновить его не удалось.
Не знаю, как это отладить или удалить. содержание, как и ожидалось, так что все будет полезно

Подробнее здесь: https://stackoverflow.com/questions/793 ... senger-com