Search modal renders beneath the open AI dock (shared --z-overlay)
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- Menos de una hora
- Aptitud para principiantes
- 90/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- css, typescript
- Área
- frontend
Línea de trabajo
El problema está en src/components/SearchModal.tsx en la línea 401 y en src/components/AiDock.tsx, ambos usan la misma variable z-index. Revisa los tokens de z-index en src/styles/app.css: --z-overlay es 1000, --z-above-overlay es 1200. Cambia el z-index del contenido del modal de búsqueda para que use --z-above-overlay. Verifica la corrección ejecutando el sitio localmente, abriendo el dock de IA y usando Cmd+K para ver que el modal de búsqueda se renderice por encima de él.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.1k
- Forks
- 401
- Merge medio
- 16 h 8 min
- PR fusionados (30 d)
- 58
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de TanStack/tanstack.com
-
source-audit
Dificultad 1/5 Menos de una hora Aptitud para principiantes 84/100
TanStack/tanstack.com#1195 ·
-
source-audit
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
TanStack/tanstack.com#1194 · 2 comentarios ·
-
source-audit
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
TanStack/tanstack.com#1177 · 1 comentario ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
TanStack/tanstack.com#1059 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
TanStack/tanstack.com#1047 ·
Todos los issues de TanStack/tanstack.com
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100