From 9555bf42ef187fc7644018ef88af9ba1038d3c16 Mon Sep 17 00:00:00 2001
From: Jon Ambas <jon@jonambas.com>
Date: Mon, 18 Sep 2023 18:33:05 -0400
Subject: [PATCH] fix(react): Select overlay zindex (#152)

* fix(react): select content z index

* chore(change): add change
---
 .changeset/healthy-donuts-warn.md    | 5 +++++
 packages/react/src/select/Select.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/healthy-donuts-warn.md

diff --git a/.changeset/healthy-donuts-warn.md b/.changeset/healthy-donuts-warn.md
new file mode 100644
index 0000000..77ce35b
--- /dev/null
+++ 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
index da34a76..c251ca9 100644
--- 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>