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