Форма на хэндлит изменения своих полей

На странице есть элемент <form>. Внутри формы есть поля, которые заполняет юзер, при скролле к концу страницы я удаляю часть текста JS скриптом и отправляю запрос с данными формы

  deleteUslessTextFromForm();
  var formElement = document.getElementsById('form');
  var request = new XMLHttpRequest();
  await request.open("POST", url);
  await request.send(new FormData(formElement));

Проблема следующая: отправляются данные до того как текст был удален скриптом, то бишь форма не хэндлит изменения своих полей. Когда беру форму по id в ней текст до удаления остается.

Как можно исправить данный баг?