From 3552b5017d96c4d452c7c748370c5868e2b6ba80 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sun, 5 Sep 2021 15:39:43 -0400
Subject: [PATCH] fix(devui): increase z-index of select menu to appear above
 editor

---
 packages/devui/src/Select/Select.tsx                          | 4 ++++
 .../redux-devtools-inspector-monitor-test-tab/src/index.tsx   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/devui/src/Select/Select.tsx b/packages/devui/src/Select/Select.tsx
index 4b59d016..838bde29 100644
--- a/packages/devui/src/Select/Select.tsx
+++ b/packages/devui/src/Select/Select.tsx
@@ -73,6 +73,10 @@ export class Select<
               borderColor: props.theme.colors.neutral10,
             },
           }),
+          menu: (base) => ({
+            ...base,
+            zIndex: 10,
+          }),
         }}
       />
     );
diff --git a/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx b/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
index 8cf7ca5d..20a82d3f 100644
--- a/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
+++ b/packages/redux-devtools-inspector-monitor-test-tab/src/index.tsx
@@ -128,7 +128,7 @@ export default class TestTab<S, A extends Action<unknown>> extends Component<
     return (
       <Container>
         <Toolbar>
-          <div style={{ flexGrow: 1, zIndex: 10 }}>
+          <div style={{ flexGrow: 1 }}>
             <Select
               options={templates}
               getOptionValue={(template: Template) => template.name!}