Hide notifications when clicking outside #241

zotero · Aug 9, 2021 · fd6efd7 · fd6efd7
1 parent dc464f2
commit fd6efd7
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/js/components/container.jsx b/src/js/components/container.jsx
@@ -839,6 +839,14 @@ const BibWebContainer = props => {
 		}
 	}, []);
 
+	const handleGlobalClick = useCallback(ev => {
+		if(ev.target.closest('.message')) {
+			// ignore clicks inside the message
+			return;
+		}
+		dispatch({ type: CLEAR_ALL_MESSAGES });
+	}, []);
+
 	const handleStyleInstallerDelete = useCallback(deleteStyleName => {
 		setCitationStyles(citationStyles.filter(cs => cs.name !== deleteStyleName ));
 	}, [citationStyles]);
@@ -1108,6 +1116,11 @@ const BibWebContainer = props => {
 		return () => document.removeEventListener('keydown', handleKeyDown);
 	}, [handleKeyDown]);
 
+	useEffect(() => {
+		document.addEventListener('click', handleGlobalClick);
+		return () => document.removeEventListener('click', handleGlobalClick);
+	}, [handleGlobalClick]);
+
 	useEffect(() => {
 		document.addEventListener('copy', handleCopyToClipboard, true);