From 3596bb9d7cd76823b2b253776edef7281ee8b0e3 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Tue, 24 Mar 2026 19:02:04 -0700
Subject: [PATCH] fix(ui): raise MI search z-index and unclip header overflow

Search dropdown was rendering behind overlays and getting clipped by
the header's overflow:hidden. Bump z-index to 10001 and set overflow
to visible.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 shared/components/rstack-mi.ts | 2 +-
 website/public/shell.css       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/components/rstack-mi.ts b/shared/components/rstack-mi.ts
index 3be809c..dd09a84 100644
--- a/shared/components/rstack-mi.ts
+++ b/shared/components/rstack-mi.ts
@@ -662,7 +662,7 @@ export class RStackMi extends HTMLElement {
 const STYLES = `
 :host { display: contents; }
 
-.mi { position: relative; flex: 1; max-width: 480px; min-width: 0; z-index: 300; }
+.mi { position: relative; flex: 1; max-width: 480px; min-width: 0; z-index: 10001; }
 
 /* ── Search bar in header ── */
 .mi-bar {
diff --git a/website/public/shell.css b/website/public/shell.css
index 16d44cf..b9d6251 100644
--- a/website/public/shell.css
+++ b/website/public/shell.css
@@ -51,7 +51,7 @@ body {
   justify-content: center;
   padding: 0 16px;
   min-width: 0;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .rstack-header__right {