fix Outside-click handler attached to full-viewport wrapper.

biome.json

@@ -8,7 +8,8 @@
 		"formatWithErrors": true,
 		"lineEnding": "lf",
 		"lineWidth": 100,
-		"attributePosition": "auto"
+		"attributePosition": "auto",
+		"indentWidth": 4
 	},
 	"linter": {
 		"enabled": true,
@@ -92,7 +93,14 @@
 				"useGetterReturn": "error"
 			}
 		},
-		"includes": ["**", "**/dist", "**/.eslintrc.cjs", "**", "**/dist", "**/.eslintrc.cjs"]
+		"includes": [
+			"**",
+			"**/dist",
+			"**/.eslintrc.cjs",
+			"**",
+			"**/dist",
+			"**/.eslintrc.cjs"
+		]
 	},
 	"javascript": { "formatter": { "quoteStyle": "double" } },
 	"overrides": [
@@ -162,4 +170,3 @@
 		"actions": { "source": { "organizeImports": "on" } }
 	}
 }
-

src/components/launch/LaunchWindow.tsx

@@ -1181,7 +1181,6 @@ export function LaunchWindow() {
 		<div
 			className="w-full flex items-end justify-center bg-transparent overflow-visible pb-5"
 			style={{ height: "100vh" }}
-			ref={dropdownRef}
 		>
 			<div
 				ref={hudContentRef}
@@ -1202,6 +1201,7 @@ export function LaunchWindow() {
 				{/* Only the visible HUD content should become interactive. */}
 				<div
 					className={styles.menuArea}
+					ref={dropdownRef}
 					style={{
 						transform: `translate(${recordingHudOffset.x}px, ${recordingHudOffset.y}px)`,
 					}}