-
Notifications
You must be signed in to change notification settings - Fork 31
/
modal.js
41 lines (33 loc) · 954 Bytes
/
modal.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import A11yDialog from "./a11y-dialog.esm.min.js";
const domReady = () => {
const wrap = document.getElementById("modals");
const element = document.getElementById("modal");
const content = document.getElementById("modal-content");
const modal = new A11yDialog(element);
const show = (html) => {
content.innerHTML = "";
content.appendChild(html);
setTimeout(() => {
modal.show();
setTimeout(() => {
element.focus();
}, 100);
}, 0);
};
wrap.addEventListener("click", (ev) => {
const link = ev.target.closest("[data-modal]");
if (link) {
const linkTemplate = link.querySelector("template");
const html = document.importNode(linkTemplate.content, true);
show(html);
}
});
};
if (
document.readyState === "interactive" ||
document.readyState === "complete"
) {
setTimeout(domReady, 0);
} else {
document.addEventListener("DOMContentLoaded", domReady);
}