JavaScript модальное окно

Как прослушивать кнопку закрытия модального окна. Которого изначально нет в html. Оно появляется в html, только когда его вызываешь. Модальное окно создано в конструкторе сайтов на Wordpress. Мне нужно убрать двойной скрол, который появился после изменения css. Код срабатывает только при повторном вызове модального окна, когда оно уже находится в html. Я не силен в JavsScript, пока что учусь. Может подскажет кто-нибудь хотя бы куда копать.

const btnCallModal = document.querySelector('.test');
const htmlOwerflow = document.querySelector('html');

function hideScroll() {
    const сloseButton = document.querySelector('.dialog-close-button.dialog-lightbox-close-button .eicon-close');
    сloseButton.addEventListener("click", () => {
    
    htmlOwerflow.style.overflow = '';
    });
};

btnCallModal.addEventListener("click", () => {
    
    htmlOwerflow.style.overflow = 'hidden';
    hideScroll();

});