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

未关闭适合新手

#1,293 创建于 2026年9月24日 0 条评论 0 个 reaction 已指派 0 人在 GitHub 查看

@tombeckenham 已经在做这个了。

开始于 2026年9月24日。

#1294 来自 @tombeckenham —— 未关闭

评估

难度: 1/5
预计耗时: 1 小时以内
新手友好度: 90/100

Issue 类型: 缺陷
描述清晰度: 描述清楚
活跃度: 活跃
技术栈: css, typescript
领域: frontend

调研方向

问题位于 src/components/SearchModal.tsx 的第 401 行和 src/components/AiDock.tsx，两者使用了相同的 z-index 变量。检查 src/styles/app.css 中的 z-index 令牌：--z-overlay 为 1000，--z-above-overlay 为 1200。将搜索模态内容的 z-index 更改为使用 --z-above-overlay。通过本地运行站点、打开 AI 停靠栏并使用 Cmd+K 来验证修复，查看搜索模态是否渲染在其上方。

由索引模型根据 Issue 内容生成。

描述

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.

主要语言: TypeScript
星标: 1.1k
派生: 401
平均合并: 16 小时 8 分钟
30 天内合并 PR: 58

贡献指南

这个仓库没有索引到贡献指南

从这里开始

先读完整个 Issue，再读项目的贡献指南。
在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
Fork 仓库，在一个分支上完成修改。
提交 Pull Request，并在描述里引用这个 Issue 编号。

TanStack/tanstack.com 的其他 Issue

"bundle report" link navigates to 404 on Markdown docs 未关闭

source-audit

难度 1/5 1 小时以内新手友好度 84/100

TanStack/tanstack.com#1195 · 2026年8月30日创建
"Start Discussion" button navigates to 404 in markdown docs 未关闭

source-audit

难度 2/5 1-3 小时新手友好度 68/100

TanStack/tanstack.com#1194 · 2 条评论 · 2026年8月30日创建
Difficult to get to the library repo from the docs pages 未关闭

source-audit

难度 2/5 1-3 小时新手友好度 72/100

TanStack/tanstack.com#1177 · 1 条评论 · 2026年8月24日创建
Tanstack Router docs are missing documentation present in Tanstack Start docs 未关闭

难度 2/5 1-3 小时新手友好度 64/100

TanStack/tanstack.com#1059 · 2026年7月22日创建
Code diff highlighting not working 未关闭

难度 2/5 1-3 小时新手友好度 65/100

TanStack/tanstack.com#1047 · 2026年7月18日创建

查看 TanStack/tanstack.com 的全部 Issue

相似的 Issue

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

难度 2/5 1-3 小时新手友好度 70/100

modelcontextprotocol/typescript-sdk#2854 · 2026年9月24日创建
[Bug]: ctx_search rejects singular 'query' param despite schema declaring it valid 未关闭

难度 2/5 1-3 小时新手友好度 75/100

mksglu/context-mode#1200 · 2026年9月24日创建
[chore]: test(search): Migrate ResultItemTitle unit tests to TypeScript 未关闭

难度 2/5 1-3 小时新手友好度 75/100

jaegertracing/jaeger-ui#4506 · 2026年9月24日创建
[BUG] "$250 credit for cloud sessions" gift icon is unclickable 未关闭

area:desktop area:ui bug platform:macos

难度 2/5 1-3 小时新手友好度 75/100

anthropics/claude-code#96687 · 2026年9月24日创建
[GOOD FIRST ISSUE]: Clean Up Frontend Authentication Page & Context 未关闭

good first issue

难度 1/5 1 小时以内新手友好度 95/100

AOSSIE-Org/DebateAI#582 · 2 条评论 · 2026年9月24日创建

更多 TypeScript Issue