From a6d075db29415c41f3be8ae626e2bc6776008539 Mon Sep 17 00:00:00 2001
From: DS Boyce <260543580+ds-boyce@users.noreply.github.com>
Date: Fri, 24 Jul 2026 10:40:16 -0700
Subject: [PATCH] Fix issue where form controls appear above sticky headers
 (#11254)

---
 src/components/forms/TextField.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx
index daa85c23ef..b42f9d56e3 100644
--- a/src/components/forms/TextField.tsx
+++ b/src/components/forms/TextField.tsx
@@ -96,6 +96,8 @@ export function Root({children, isInvalid = false, style}: RootProps) {
           a.relative,
           a.w_full,
           a.px_md,
+          // Contain the input's z-index so it cannot paint over nearby overlays.
+          {zIndex: 0},
           style,
         ]}
         {...web({