From e3b6bc738f98cc66fb7410a144ce7c5970a9e340 Mon Sep 17 00:00:00 2001
From: soup <soup@r4tio.dev>
Date: Sun, 26 Mar 2023 22:52:17 +0200
Subject: [PATCH] fix(filters): drop down menu z-index (#795)

Add z-index to Menu.Items to control stacking order
The animate-ping would show on top of the filter menu on narrow screens
---
 web/src/screens/filters/list.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/screens/filters/list.tsx b/web/src/screens/filters/list.tsx
index 07fa91a..9b63a59 100644
--- a/web/src/screens/filters/list.tsx
+++ b/web/src/screens/filters/list.tsx
@@ -478,7 +478,7 @@ const FilterItemDropdown = ({ filter, onToggle }: FilterItemDropdownProps) => {
         leaveTo="transform opacity-0 scale-95"
       >
         <Menu.Items
-          className="absolute right-0 w-56 mt-2 origin-top-right bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700 rounded-md shadow-lg ring-1 ring-black ring-opacity-10 focus:outline-none"
+          className="absolute right-0 w-56 mt-2 origin-top-right bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700 rounded-md shadow-lg ring-1 ring-black ring-opacity-10 focus:outline-none z-10"
         >
           <div className="px-1 py-1">
             <Menu.Item>