From 047ea95b83bf3102b465ce4a52677bdd8d7a9a03 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 20 Apr 2026 19:17:10 -0500
Subject: [PATCH] remove disablePortal from popover

---
 web/src/components/overlay/CustomTimeSelector.tsx    |  4 ++--
 .../components/overlay/detail/SearchDetailDialog.tsx |  1 -
 .../components/settings/wizard/Step3StreamConfig.tsx |  5 +----
 web/src/views/motion-search/MotionSearchDialog.tsx   | 12 ++----------
 4 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/web/src/components/overlay/CustomTimeSelector.tsx b/web/src/components/overlay/CustomTimeSelector.tsx
index 7948a8b5bb..ab0d3a6b1e 100644
--- a/web/src/components/overlay/CustomTimeSelector.tsx
+++ b/web/src/components/overlay/CustomTimeSelector.tsx
@@ -127,7 +127,7 @@ export function CustomTimeSelector({
               {formattedStart}
             </Button>
           </PopoverTrigger>
-          <PopoverContent className="flex flex-col items-center" disablePortal>
+          <PopoverContent className="flex flex-col items-center">
             <TimezoneAwareCalendar
               timezone={config?.ui.timezone}
               selectedDay={new Date(startTime * 1000)}
@@ -193,7 +193,7 @@ export function CustomTimeSelector({
               {formattedEnd}
             </Button>
           </PopoverTrigger>
-          <PopoverContent className="flex flex-col items-center" disablePortal>
+          <PopoverContent className="flex flex-col items-center">
             <TimezoneAwareCalendar
               timezone={config?.ui.timezone}
               selectedDay={new Date(endTime * 1000)}
diff --git a/web/src/components/overlay/detail/SearchDetailDialog.tsx b/web/src/components/overlay/detail/SearchDetailDialog.tsx
index c23b916a55..53c24ca188 100644
--- a/web/src/components/overlay/detail/SearchDetailDialog.tsx
+++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx
@@ -269,7 +269,6 @@ function AnnotationSettings({
               : "mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl px-4 pb-4"
           }
           {...contentProps}
-          {...(isDesktop ? { disablePortal: true } : {})}
           data-annotation-popover
         >
           <AnnotationSettingsPane
diff --git a/web/src/components/settings/wizard/Step3StreamConfig.tsx b/web/src/components/settings/wizard/Step3StreamConfig.tsx
index 380f0a7750..75166cb9dd 100644
--- a/web/src/components/settings/wizard/Step3StreamConfig.tsx
+++ b/web/src/components/settings/wizard/Step3StreamConfig.tsx
@@ -415,10 +415,7 @@ export default function Step3StreamConfig({
                               </Button>
                             </div>
                           </PopoverTrigger>
-                          <PopoverContent
-                            className="w-[--radix-popover-trigger-width] p-2"
-                            disablePortal
-                          >
+                          <PopoverContent className="w-[--radix-popover-trigger-width] p-2">
                             <Command>
                               <CommandInput
                                 placeholder={t(
diff --git a/web/src/views/motion-search/MotionSearchDialog.tsx b/web/src/views/motion-search/MotionSearchDialog.tsx
index ee8652b5e2..c5f3274be9 100644
--- a/web/src/views/motion-search/MotionSearchDialog.tsx
+++ b/web/src/views/motion-search/MotionSearchDialog.tsx
@@ -598,7 +598,6 @@ function SearchRangeSelector({
                 setStartOpen(false);
               }
             }}
-            modal={false}
           >
             <PopoverTrigger asChild>
               <Button
@@ -614,10 +613,7 @@ function SearchRangeSelector({
                 {formattedStart}
               </Button>
             </PopoverTrigger>
-            <PopoverContent
-              disablePortal
-              className="flex flex-col items-center"
-            >
+            <PopoverContent className="flex flex-col items-center">
               <TimezoneAwareCalendar
                 timezone={timezone}
                 selectedDay={new Date(startTime * 1000)}
@@ -668,7 +664,6 @@ function SearchRangeSelector({
                 setEndOpen(false);
               }
             }}
-            modal={false}
           >
             <PopoverTrigger asChild>
               <Button
@@ -684,10 +679,7 @@ function SearchRangeSelector({
                 {formattedEnd}
               </Button>
             </PopoverTrigger>
-            <PopoverContent
-              disablePortal
-              className="flex flex-col items-center"
-            >
+            <PopoverContent className="flex flex-col items-center">
               <TimezoneAwareCalendar
                 timezone={timezone}
                 selectedDay={new Date(endTime * 1000)}