Search modal renders beneath the open AI dock (shared --z-overlay)
Avaliação
- Dificuldade
- 1/5
- Tempo estimado
- Menos de uma hora
- Facilidade para iniciantes
- 90/100
- Tipo de issue
- Bug
- Clareza
- Claramente especificada
- Status de atividade
- Ativa
- Stack de tecnologia
- css, typescript
- Domínio
- frontend
Direção de pesquisa
O problema está em src/components/SearchModal.tsx na linha 401 e em src/components/AiDock.tsx, ambos usando a mesma variável z-index. Verifique os tokens de z-index em src/styles/app.css: --z-overlay é 1000, --z-above-overlay é 1200. Altere o z-index do conteúdo do modal de pesquisa para usar --z-above-overlay. Verifique a correção executando o site localmente, abrindo o dock de IA e usando Cmd+K para ver o modal de pesquisa renderizado acima dele.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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.
- Linguagem predominante
- TypeScript
- Estrelas
- 1.1k
- Forks
- 401
- Merge médio
- 16h 8min
- PRs com merge (30d)
- 58
Guia de contribuição
Nenhum guia de contribuição indexado para este repositório
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de TanStack/tanstack.com
-
source-audit
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 84/100
TanStack/tanstack.com#1195 ·
-
source-audit
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
TanStack/tanstack.com#1194 · 2 comentários ·
-
source-audit
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
TanStack/tanstack.com#1177 · 1 comentário ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 64/100
TanStack/tanstack.com#1059 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
TanStack/tanstack.com#1047 ·
Todas as issues de TanStack/tanstack.com
Issues semelhantes
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100