From 549e3d7a7de4ad9e98e3002e3a03b2173d10a3cf 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 108a4916ea..6e3c71bbc8 100644
--- a/src/components/forms/TextField.tsx
+++ b/src/components/forms/TextField.tsx
@@ -95,6 +95,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({