Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-12 08:15:52 +01:00
Code Issues Packages Projects Releases Activity

fix(modal): event leak for onHidden

Browse Source
This commit is contained in:
Elian Doran
2025-09-28 11:10:39 +03:00
parent 5a56ba2fd5
commit 3f8f05368c
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/client/src/widgets/react/Modal.tsx
View File

@@ -36,9 +36,9 @@ interface ModalProps {
onSubmit?: () => void;
/** Called when the modal is shown. */
onShown?: () => void;
/**
/**
* Called when the modal is hidden, either via close button, backdrop click or submit.
*
*
* Here it's generally a good idea to set `show` to false to reflect the actual state of the modal.
*/
onHidden: () => void;
@@ -71,23 +71,25 @@ export default function Modal({ children, className, size, title, header, footer
useEffect(() => {
const modalElement = modalRef.current;
if (!modalElement) {
return;
}
if (!modalElement) return;
if (onShown) {
modalElement.addEventListener("shown.bs.modal", onShown);
}
modalElement.addEventListener("hidden.bs.modal", () => {
function onModalHidden() {
onHidden();
if (elementToFocus.current && "focus" in elementToFocus.current) {
(elementToFocus.current as HTMLElement).focus();
}
});
}
modalElement.addEventListener("hidden.bs.modal", onModalHidden);
return () => {
if (onShown) {
modalElement.removeEventListener("shown.bs.modal", onShown);
}
modalElement.removeEventListener("hidden.bs.modal", onHidden);
modalElement.removeEventListener("hidden.bs.modal", onModalHidden);
};
}, [ onShown, onHidden ]);
@@ -180,4 +182,4 @@ const ModalInner = memo(({ children, footer, footerAlignment, bodyStyle, footerS
)}
</>
);
});
});