close popul when user clicks out of its area

kara-bara · Feb 23, 2024 · 9a05c11 · 9a05c11
1 parent 6375213
commit 9a05c11
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/navbar-editor.tsx b/src/components/navbar-editor.tsx
@@ -85,7 +85,9 @@ export default function EditorNavbar(props: EditorNavbarProps) {
 		if (!_showNavPopup && _resetState === 'confirm') resetState.value = 'idle'
 	})
 
+	// usePopupCloseClick closes a popup when you click outside of its area
 	usePopupCloseClick(styles.navPopup!, () => showNavPopup.value = false, showNavPopup.value)
+	usePopupCloseClick(styles.stuckPopup!, () => showStuckPopup.value = false, showStuckPopup.value)
 
 	let saveState
 	let actionButton
@@ -161,9 +163,7 @@ export default function EditorNavbar(props: EditorNavbarProps) {
 			</li>
 
 			<li>
-				<Button class={styles.stuckBtn} onClick={() => {
-					showStuckPopup.value = !showStuckPopup.value;
-				}}>
+				<Button class={styles.stuckBtn} onClick={() => showStuckPopup.value = !showStuckPopup.value}>
 					I'm stuck
 				</Button>
 			</li>