Anson/zine
1
0
Fork 0
mirror of https://gitlab.com/Anson-Projects/zine.git synced 2025-07-27 00:31:23 +00:00
Code Releases Activity

Fixes #9, turns out id's are important

Browse Source
This commit is contained in:
Anson Biggs
2024-11-06 21:36:03 -07:00
parent caa0100e26
commit 65998c7fa7
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
output/modal.js
View File

@@ -18,12 +18,9 @@ const toggleModal = (event) => {
event.preventDefault();
const modal = document.getElementById(event.currentTarget.dataset.target);
if (!modal) return;
modal && (isModalOpen(modal) ? closeModal(modal) : openModal(modal));
modal && (modal.open ? closeModal(modal) : openModal(modal));
};
// Is modal open
const isModalOpen = (modal) => modal.hasAttribute("open") && modal.getAttribute("open") !== "false";
// Open modal
const openModal = (modal) => {
const { documentElement: html } = document;
@@ -36,7 +33,7 @@ const openModal = (modal) => {
visibleModal = modal;
html.classList.remove(openingClass);
}, animationDuration);
modal.setAttribute("open", true);
modal.showModal();
};
// Close modal
@@ -47,7 +44,7 @@ const closeModal = (modal) => {
setTimeout(() => {
html.classList.remove(closingClass, isOpenClass);
html.style.removeProperty(scrollbarWidthCssVar);
modal.removeAttribute("open");
modal.close();
}, animationDuration);
};