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

[Bug]: Diff panel hides the current branch name and the arrow overlaps the base ref when the panel is narrow

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#19,048 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@ScottN-PV đang làm issue này rồi.

Từ ngày 13/10/2026.

  • #19089 của @ScottN-PV — đang mở

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
72/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ệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu từ apps/web/src/components/DiffPanel.tsx, nơi head ref và mũi tên nằm trong một tooltip trigger có min-w-0, rồi kiểm tra xem wrapper đó có thể co về chiều rộng bằng 0 không. Tái hiện bằng cách thu hẹp panel Diff bên phải với số đếm +N −N rộng, sau đó xác nhận span truncate và mũi tên shrink-0 hoạt động đúng như issue mô tả. Hoàn thành khi tên branch được cắt bằng dấu ba chấm và mũi tên không còn chồng lên nút base ref.

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

Mô tả

accepted bug via-triage
Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/web

Steps to reproduce
  1. Open a thread whose branch has a large diff against its base, so the +N −N count is wide (mine showed +134k −104).
  2. Open the right Diff panel with the Changes scope, comparing against origin/main.
  3. Keep the right panel fairly narrow.
Expected behavior

The toolbar reads main → origin/main. If space runs out, the branch name truncates with an ellipsis (ma… → origin/main).

Actual behavior

The current branch name disappears completely, and the arrow is drawn on top of the first letter of the base ref. The toolbar shows →origin/main with the arrow overlapping the "o".

Impact

Cosmetic issue

Version or commit

Desktop nightly; server 0.0.46-nightly.20261013.3053

Environment

macOS desktop app connected to a T3 Code server running on Linux

Logs or stack traces
Not a crash, no logs.

Possible cause, from reading the code (not tested): in apps/web/src/components/DiffPanel.tsx
the head ref and arrow sit inside a `min-w-0` tooltip trigger. When the row runs out of room,
that wrapper can shrink to zero width, so the head ref's `truncate` span collapses to nothing
and the `shrink-0` arrow overflows onto the base-ref button.
Screenshots, recordings, or supporting files
Image
Workaround

None verified.

Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
7 giờ 9 phút
Pull request đã merge (30 ngày)
244

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

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 pingdotgg/t3code

Tất cả issue của pingdotgg/t3code

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.