Search modal renders beneath the open AI dock (shared --z-overlay)
Bewertung
- Schwierigkeit
- 1/5
- Geschätzter Aufwand
- Unter einer Stunde
- Anfängerfreundlichkeit
- 90/100
- Issue-Typ
- Bug
- Klarheit
- Klar beschrieben
- Aktivitätsstatus
- Aktiv
- Tech-Stack
- css, typescript
- Bereich
- frontend
Rechercherichtung
Das Problem liegt in src/components/SearchModal.tsx in Zeile 401 und in src/components/AiDock.tsx, wo beide dieselbe z-index-Variable verwenden. Überprüfe die z-index-Tokens in src/styles/app.css: --z-overlay ist 1000, --z-above-overlay ist 1200. Ändere den z-index des Suchmodal-Inhalts, sodass er --z-above-overlay verwendet. Überprüfe die Korrektur, indem du die Website lokal ausführst, das AI-Dock öffnest und Cmd+K verwendest, um zu sehen, dass das Suchmodal darüber gerendert wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Bug
With the AI dock open, opening the search modal (Cmd+K) paints the dock's Sources chips over the search palette. Screenshot: the "Sources" chip list bleeds across the search header and results.
Cause
SearchModal content and AiDock root both sit at z-[var(--z-overlay)] (1000), so nothing guarantees the modal paints above the dock.
src/components/SearchModal.tsx:401—search-modal-content fixed z-[var(--z-overlay)] ...src/components/AiDock.tsxdock root —fixed top-[var(--navbar-height)] right-0 bottom-0 z-[var(--z-overlay)] ...- Tokens in
src/styles/app.css:--z-scrim: 999,--z-overlay: 1000,--z-above-overlay: 1200
The search panel is bg-black/95, so the chips are genuinely painting above it, not bleeding through.
Fix
Smallest change: raise the search modal content to z-[var(--z-above-overlay)] and its overlay one step below, so the palette always sits over the dock. Alternative: close the dock when the search modal opens.
Reproduces on main; not introduced by ai-dock-agent-studio.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.1k
- Forks
- 401
- Ø Merge
- 16 Std. 8 Min.
- Gemergte PRs (30 T.)
- 58
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus TanStack/tanstack.com
-
source-audit
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 84/100
TanStack/tanstack.com#1195 ·
-
source-audit
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
TanStack/tanstack.com#1194 · 2 Kommentare ·
-
source-audit
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
TanStack/tanstack.com#1177 · 1 Kommentar ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 64/100
TanStack/tanstack.com#1059 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
TanStack/tanstack.com#1047 ·
Alle Issues in TanStack/tanstack.com
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100