Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Search modal renders beneath the open AI dock (shared --z-overlay)

Ouverte Adaptée aux débutants
#1,293 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

@tombeckenham y travaille déjà.

Depuis le 24/9/2026.

  • #1294 par @tombeckenham — ouverte

Évaluation

Difficulté
1/5
Temps estimé
Moins d'une heure
Accessibilité débutants
90/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
Active
Stack technique
css, typescript
Domaine
frontend

Piste de recherche

Le problème se trouve dans src/components/SearchModal.tsx à la ligne 401 et dans src/components/AiDock.tsx, tous deux utilisant la même variable z-index. Vérifie les tokens z-index dans src/styles/app.css : --z-overlay est à 1000, --z-above-overlay est à 1200. Modifie le z-index du contenu de la modale de recherche pour qu'il utilise --z-above-overlay. Vérifie la correction en exécutant le site localement, en ouvrant le dock IA et en utilisant Cmd+K pour voir la modale de recherche s'afficher au-dessus.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.tsx dock 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.

Langage dominant
TypeScript
Étoiles
1.1k
Forks
401
Merge moyen
16 h 8 min
PR mergées (30 j)
58

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de TanStack/tanstack.com

Toutes les issues de TanStack/tanstack.com

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.