Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở Phù hợp với người mới
#1,293 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

@tombeckenham đang làm issue này rồi.

Từ ngày 24/9/2026.

  • #1294 của @tombeckenham — đang mở

Đánh giá

Độ khó
1/5
Thời gian dự kiến
Dưới một giờ
Mức phù hợp với người mới
90/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Vấn đề nằm ở src/components/SearchModal.tsx dòng 401 và src/components/AiDock.tsx, cả hai đều sử dụng cùng một biến z-index. Kiểm tra các token z-index trong src/styles/app.css: --z-overlay là 1000, --z-above-overlay là 1200. Thay đổi z-index của nội dung modal tìm kiếm để sử dụng --z-above-overlay. Xác minh bản sửa lỗi bằng cách chạy trang web cục bộ, mở dock AI và sử dụng Cmd+K để xem modal tìm kiếm được hiển thị phía trên nó.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.

Ngôn ngữ chính
TypeScript
Star
1.1k
Fork
401
Merge trung bình
16 giờ 8 phút
Pull request đã merge (30 ngày)
58

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của TanStack/tanstack.com

Tất cả issue của TanStack/tanstack.com

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.