Не реагирует input если изменять element.value через js chrome extension. Как решить?

Если веб-страница использует обработчик событий на элементе input, то изменение значения element.value с помощью JavaScript может не сработать, и обработчик события не будет вызван. Это происходит потому, что изменение значения с помощью JavaScript не инициирует событие input.

В таких случаях можно использовать метод dispatchEvent для вручного вызова события input. Примерно так:

// Получаем элемент input
const inputElement = document.getElementById("myInput");

// Изменяем значение
inputElement.value = "Новое значение";

// Создаем событие input
const event = new Event("input", { bubbles: true });

// Вручную вызываем событие input на элементе
inputElement.dispatchEvent(event);

В этом примере мы получаем элемент с помощью метода getElementById, и изменяем его значение. Затем мы создаем новое событие input с помощью конструктора Event, указывая имя события "input" и параметр { bubbles: true }, чтобы событие распространялось вверх по дереву событий. И, наконец, мы вызываем событие input на элементе с помощью метода dispatchEvent.

Это позволяет вручную вызвать событие input на элементе input, и обработчик события должен сработать как обычно.