From fd6793af50fe45c658bf7f72c8da1c05b846e7d7 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sat, 15 Aug 2026 13:02:42 +0700
Subject: [PATCH] feat: enhance FilterPopover component with scrollable content

---
 resources/js/components/data-display/filter-popover.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/data-display/filter-popover.tsx b/resources/js/components/data-display/filter-popover.tsx
index a2670c0..563a327 100644
--- a/resources/js/components/data-display/filter-popover.tsx
+++ b/resources/js/components/data-display/filter-popover.tsx
@@ -37,7 +37,11 @@ export function FilterPopover({
                     )}
                 </Button>
             </PopoverTrigger>
-            <PopoverContent className="w-64" align="end">
+            <PopoverContent
+                className="max-h-[calc(100vh-4rem)] w-64 overflow-y-auto"
+                align="end"
+                avoidCollisions={false}
+            >
                 <div className="flex flex-col gap-4">
                     <div className="flex items-center justify-between">
                         <span className="text-sm font-medium">Filter</span>