fix(react): Select overlay zindex (#152)

* fix(react): select content z index * chore(change): add change
jonambas · Sep 18, 2023 · 9555bf4 · 9555bf4
1 parent 6933858
commit 9555bf4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/healthy-donuts-warn.md b/.changeset/healthy-donuts-warn.md
@@ -0,0 +1,5 @@
+---
+'@sweatpants/react': patch
+---
+
+Fix Select overlay zindex within drawers
diff --git a/packages/react/src/select/Select.tsx b/packages/react/src/select/Select.tsx
@@ -160,7 +160,9 @@ const Select = forwardRef<HTMLButtonElement, SelectProps>((props, userRef) => {
           )}
         </RadixSelect.Trigger>
         <RadixSelect.Portal>
-          <RadixSelect.Content>
+          <RadixSelect.Content
+            className={css({ position: 'relative', zIndex: '2' })}
+          >
             <RadixSelect.Viewport asChild>
               <Card kind="elevated" space="tight">
                 <Stack space="tight">{children}</Stack>