Почему теги input и textarea при открытии страницы через live server стали неактивными (не вводится текст)?

Question

[Buyanto]

При открытии страницы учебного проекта по JS через live server поля input и textarea становятся неактивными для ввода. При этом, открывая просто html файл, все работает. В чем суть?

Comments

[Ankhena]

Имеет смысл открыть консоль и посмотреть/сравнить ошибки

[Buyanto]

Ankhena, консоль никаких сообщений об ошибках не выдает

[Ankhena]

Buyanto, тогда без примера иллюстрирующего проблему вряд ли вам можно помочь.
Можете ещё проверить код валидатором.

[Buyanto]

Ankhena, JS:

<script>const imgEditForm = document.querySelector('.img-upload__overlay');
    const imgUploadForm = document.querySelector('.img-upload__form');
    const body = document.querySelector('body')
    const uploadFileButton = document.querySelector('#upload-file');
    const closeFileUploadFormButton = document.querySelector('#upload-cancel')
    
    function openFileUploadForm () {
        imgEditForm.classList.remove('hidden');
        body.classList.add('modal-open');
        document.addEventListener('keydown', onFileUploadEscKeydown);
    };
    function closeFileUploadForm () {
        imgEditForm.classList.add('hidden');
        body.classList.remove('modal-open');
        document.removeEventListener('keydown', onFileUploadEscKeydown);
        imgUploadForm.reset();
    };
    function onFileUploadEscKeydown (evt) {
        evt.preventDefault();
        if (evt.key === "Escape") {
            closeFileUploadForm();
        }
    }
    uploadFileButton.addEventListener('change', openFileUploadForm);
    closeFileUploadFormButton.addEventListener('click', closeFileUploadForm);
    </script>

пробовал подключить модулем и скриптом в html файле, в обоих случаях текст не вводится

[Ankhena]

Buyanto, https://codepen.io/pen/