Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handling unclosable inner attribute

Browse Source
This commit is contained in:
Antoine M 2024-05-16 17:07:30 +02:00
parent a93c6ea147
commit 480dbc0b41
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ui/Modal.jsx
View File

@ -16,7 +16,7 @@ export default function Modal({ open, onClose, children, className, id, closeMod
}, [open]); }, [open]);
useEffect(() => { useEffect(() => {
if (!unclosable) return; if (!unclosable || unclosable === "false") return;
const { current: currentElement } = modalRef; const { current: currentElement } = modalRef;
currentElement.addEventListener("cancel", (event) => { currentElement.addEventListener("cancel", (event) => {
event.preventDefault(); event.preventDefault();
@ -24,7 +24,12 @@ export default function Modal({ open, onClose, children, className, id, closeMod
}, [unclosable]); }, [unclosable]);
return ( return (
<dialog id={id} className={className} ref={modalRef} onClose={onClose}> <dialog
id={id}
className={className}
ref={modalRef}
onClose={onClose}
unclosable={unclosable ?? "false"}>
{children} {children}
</dialog> </dialog>
); );