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

Open Beginner friendly

#1,293 opened on Sep 24, 2026 0 comments 0 reactions 0 assignees View on GitHub

@tombeckenham is already working on this.

Since Sep 24, 2026.

#1294 by @tombeckenham — open

Assessment

Difficulty: 1/5
Estimated time: Under an hour
Newbie friendliness: 90/100

Issue type: Bug
Clarity: Clearly specified
Activity status: Active
Tech stack: css, typescript
Domain: frontend

Research direction

The issue is in src/components/SearchModal.tsx at line 401 and src/components/AiDock.tsx, both using the same z-index variable. Check the z-index tokens in src/styles/app.css: --z-overlay is 1000, --z-above-overlay is 1200. Change the search modal content's z-index to use --z-above-overlay. Verify the fix by running the site locally, opening the AI dock, and using Cmd+K to see the search modal render above it.

Written by the indexing model from the issue text.

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.

Dominant language: TypeScript
Stars: 1.1k
Forks: 401
Avg merge: 16h 8m
Merged PRs (30d): 58

Contributor guide

No contributing guide indexed for this repository

First steps

Read the whole issue, then the project's contributing guide.
Comment on the issue to say you are picking it up — it saves two people doing the same work.
Fork the repository and make your change on a branch.
Open a pull request that references the issue number.

Similar issues

Ajv defaults: non-standard "format": "json" in third-party schemas (e.g. Notion) warns twice per property — register it like #2601 Open

Difficulty 2/5 1-3 hours Newbie friendliness 70/100

modelcontextprotocol/typescript-sdk#2854 · Opened Sep 24, 2026
[Bug]: ctx_search rejects singular 'query' param despite schema declaring it valid Open

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

mksglu/context-mode#1200 · Opened Sep 24, 2026
[chore]: test(search): Migrate ResultItemTitle unit tests to TypeScript Open

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

jaegertracing/jaeger-ui#4506 · Opened Sep 24, 2026
[BUG] "$250 credit for cloud sessions" gift icon is unclickable Open

area:desktop area:ui bug platform:macos

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

anthropics/claude-code#96687 · Opened Sep 24, 2026
[GOOD FIRST ISSUE]: Clean Up Frontend Authentication Page & Context Open

good first issue

Difficulty 1/5 Under an hour Newbie friendliness 95/100

AOSSIE-Org/DebateAI#582 · 2 comments · Opened Sep 24, 2026

More TypeScript issues