From a77493c9ef0a0fc9bc2f96c44285b123d24536ad Mon Sep 17 00:00:00 2001
From: Aidan Bleser <aidanbleser35@gmail.com>
Date: Thu, 10 Jul 2025 07:08:24 -0500
Subject: [PATCH] fix ugly FF bug

---
 src/lib/components/model-picker/model-picker.svelte | 3 ++-
 src/lib/hooks/is-firefox.svelte.ts                  | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/hooks/is-firefox.svelte.ts

diff --git a/src/lib/components/model-picker/model-picker.svelte b/src/lib/components/model-picker/model-picker.svelte
index 2c799a4..2bc8471 100644
--- a/src/lib/components/model-picker/model-picker.svelte
+++ b/src/lib/components/model-picker/model-picker.svelte
@@ -41,6 +41,7 @@
 	import PinIcon from '~icons/lucide/pin';
 	import PinOffIcon from '~icons/lucide/pin-off';
 	import { isPinned } from '$lib/backend/convex/user_enabled_models';
+	import { isFirefox } from '$lib/hooks/is-firefox.svelte';
 
 	type Props = {
 		class?: string;
@@ -271,7 +272,7 @@
 
 		<Popover.Content
 			portalProps={{
-				disabled: true
+				disabled: isFirefox
 			}}
 			align="start"
 			sideOffset={5}
diff --git a/src/lib/hooks/is-firefox.svelte.ts b/src/lib/hooks/is-firefox.svelte.ts
new file mode 100644
index 0000000..5bb22af
--- /dev/null
+++ b/src/lib/hooks/is-firefox.svelte.ts
@@ -0,0 +1,4 @@
+// Because Firefox is stupid
+
+/** Attempts to determine if a user is using Firefox using `navigator.userAgent`. */
+export const isFirefox = navigator.userAgent.includes('Mozilla');