From 9c44a3cbbfd10ecc83a0bb1e60360b274f4a2215 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@umami.is>
Date: Thu, 3 Sep 2026 17:14:22 -0700
Subject: [PATCH] Fix mobile date filter fullscreen dropdown

---
 src/components/input/DateFilter.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/input/DateFilter.tsx b/src/components/input/DateFilter.tsx
index 825bdac02..0745f1009 100644
--- a/src/components/input/DateFilter.tsx
+++ b/src/components/input/DateFilter.tsx
@@ -115,7 +115,16 @@ export function DateFilter({
         popoverProps={{
           side: side as any,
           align: (align === 'top' ? 'start' : align === 'bottom' ? 'end' : align) as any,
-          style: { minWidth: 200 },
+          style: isMobile
+            ? {
+                // Base UI's positioned wrapper contains React Zen's fullscreen popup.
+                position: 'fixed',
+                inset: 0,
+                width: '100vw',
+                height: '100dvh',
+                transform: 'none',
+              }
+            : { minWidth: 200 },
         }}
         isFullscreen={isMobile}
       >