Fix select content appearing under dialogs (#1777)

saleor · Jan 27, 2022 · 8bbd07c · 8bbd07c
1 parent 4f6a2d4
commit 8bbd07c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx b/src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectField.tsx
@@ -210,7 +210,10 @@ const MultiAutocompleteSelectFieldComponent: React.FC<MultiAutocompleteSelectFie
                     <Popper
                       anchorEl={anchor.current}
                       open={isOpen}
-                      style={{ width: anchor.current.clientWidth, zIndex: 10 }}
+                      style={{
+                        width: anchor.current.clientWidth,
+                        zIndex: 1301
+                      }}
                       placement="bottom-end"
                     >
                       <MultiAutocompleteSelectFieldContent

diff --git a/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx b/src/components/SingleAutocompleteSelectField/SingleAutocompleteSelectField.tsx
@@ -226,7 +226,7 @@ const SingleAutocompleteSelectFieldComponent: React.FC<SingleAutocompleteSelectF
                   <Popper
                     anchorEl={anchor.current}
                     open={isOpen}
-                    style={{ width: anchor.current.clientWidth, zIndex: 10 }}
+                    style={{ width: anchor.current.clientWidth, zIndex: 1301 }}
                     placement="bottom-end"
                   >
                     <SingleAutocompleteSelectFieldContent