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
This commit is contained in:
soup 2023-03-26 22:52:17 +02:00 committed by GitHub
parent fd5bc18a54
commit e3b6bc738f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -478,7 +478,7 @@ const FilterItemDropdown = ({ filter, onToggle }: FilterItemDropdownProps) => {
leaveTo="transform opacity-0 scale-95" leaveTo="transform opacity-0 scale-95"
> >
<Menu.Items <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"> <div className="px-1 py-1">
<Menu.Item> <Menu.Item>