РЕбят, привет, есть беда, у меня есть модалка бутстраповская, ниже

Question

РЕбят, привет, есть беда, у меня есть модалка бутстраповская, ниже

код, что я написал для открытия и закрытия этой модалки, плюс там еще эта модалка передается в функцию лодаш темплейтами, суть в том, что по клику на кнопке модалка открывается, нормально встраивается в документ, но вот беда в том, что когда я пытаюсь ее полностью искоренить в документе, уничтожить если угодно, - код не отрабатывает вообще. Хотя лисенер вешается и отрабатывает, о чем свидетельствует логи, которые я ставил везде где только можно. идей уже просто нет, может кто сталкивался с таким?
Вот код
export default function() {
const tmplModal = template(modalTemplate);
const modalInner = tmplModal();
let modal = document.createElement('div');
modal.innerHTML = modalInner;
modal.classList.add("modal");
modal.addEventListener("click", (event) => {
console.log(event.target);

if (event.target.id === "modal-form-cancel") {
$(modal).modal('dispose');
}
});

document.querySelector("#add-new").addEventListener("click", () => {
$(modal).modal('show');
});
}