Некорректно обрабатываются нажатия клавиш js

в моей программе не сохраняется порядок нажатий клавиш. В поле находится один текст, а в отладчике в переменной, которая хранит набранный текст, хранится несколько иное значение.

в отладчике: в input .

Стоит отметить, что правильно регистрируется где-то 99 процентов нажатий. Но для меня этого, конечно, же не достаточно.

Код представленный ниже я сократил по-максимуму, надеюсь на вашу помощь. Спасибо.

main.js

let inputText = document.getElementsByClassName("text-panel")[0];
/* ... */
// набранный текст
let typedText = "";

function keyHandler(e) {
    typedText = typedText + e.key;
    let len = typedText.length;
    if (typedText == currentText) {
        showTotalSpeed();
    }
}
/* ... */
inputText.addEventListener("keyup", keyHandler);

index.html

<input type="text" class="col-6 offset-3 text-panel"
          placeholder="Введите текст, расположенный выше" autocomplete="off" disabled>