fix: force search facet <MenuButton /> to render in a portal, remove …

…hard-coded z-index
sanity-io · Sep 21, 2021 · 4afb51e · 4afb51e
1 parent 08e69d9
commit 4afb51e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/src/components/Controls/index.tsx b/src/components/Controls/index.tsx
@@ -3,7 +3,6 @@ import {Box, Button, Flex, Inline} from '@sanity/ui'
 import React, {FC} from 'react'
 import {useDispatch} from 'react-redux'
 import {Flex as LegacyFlex} from 'theme-ui'
-
 import useTypedSelector from '../../hooks/useTypedSelector'
 import {dialogActions} from '../../modules/dialog'
 import {tagsActions} from '../../modules/tags'
@@ -37,13 +36,7 @@ const Controls: FC = () => {
   }
 
   return (
-    <Box
-      paddingY={2}
-      style={{
-        borderBottom: `1px solid ${hues.gray?.[900].hex}`,
-        zIndex: 2
-      }}
-    >
+    <Box paddingY={2} style={{borderBottom: `1px solid ${hues.gray?.[900].hex}`}}>
       {/* Rows: search / filters / orders  */}
       <Box marginBottom={2}>
         <Flex

diff --git a/src/components/SearchFacetsControl/index.tsx b/src/components/SearchFacetsControl/index.tsx
@@ -106,6 +106,7 @@ const SearchFacetsControl: FC = () => {
         id="facets"
         menu={<Menu>{renderMenuFacets(filteredFacets)}</Menu>}
         placement="right-start"
+        portal
       />
 
       {/* Clear facets button */}