[fix] Show popup on top of other elements

DSSD-Madison · Nov 24, 2024 · ad67b09 · ad67b09
1 parent 5f90b79
commit ad67b09
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/filters/BaseFilter.tsx b/src/components/filters/BaseFilter.tsx
@@ -62,7 +62,7 @@ const BaseFilter = ({ icon, text, children }: { icon: any; text: string; childre
           <div
             ref={refs.setFloating}
             style={floatingStyles}
-            className="min-w-48 rounded-md border border-gray-300 bg-white px-1 py-2 shadow-lg focus-visible:outline-none"
+            className="z-50 min-w-48 rounded-md border border-gray-300 bg-white px-1 py-2 shadow-lg focus-visible:outline-none"
             {...getFloatingProps()}
           >
             <FloatingArrow fill="white" strokeWidth={1} stroke="#d1d5db" ref={arrowRef} context={context} />