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]: PR link chips in an expanded Markdown table break mid-number (#36 / 3)

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#24,146 0 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

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

Từ ngày 23/10/2026.

  • #24163 của @fixfon — đang mở
  • #24584 của @juliusmarminge — đ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ệ
css, react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu trong apps/web/src/index.css và kiểm tra các quy tắc điều chỉnh bảng mở rộng theo điều kiện @container chat-lane (min-width: 36rem), sau đó lần theo kiểu dáng của chip liên kết PR nếu cần. Tái hiện vấn đề với cột PR hẹp được cung cấp và đoạn văn dài trong bảng Markdown mở rộng. Hoàn tất khi chip nằm trên một dòng và cột đủ rộng để hiển thị chip.

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

Mô tả

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. In a thread with a chat lane at least 36rem wide (the desktop window was about 2000px wide, right panel open), get an assistant reply containing a Markdown table. Put GitHub pull request links in a narrow first column and long prose in the other columns, for example:

    | PR | What it does | Review |
| --- | --- | --- |
| [#363](https://github.com/owner/repo/pull/363) | A long sentence of prose that takes up most of the row width and wraps over several lines in the expanded table. | Another long sentence of prose that also wraps over several lines in the expanded table. |
| [#364](https://github.com/owner/repo/pull/364) | A long sentence of prose that takes up most of the row width and wraps over several lines in the expanded table. | Another long sentence of prose that also wraps over several lines in the expanded table. |

  2. Leave the table in its expanded state (the "Collapse table cells" button is showing).

Expected behavior

The PR link chip (GitHub icon plus #363) stays on one line, and the column is at least as wide as the chip.

Actual behavior

The first column gets squeezed and the chip's number breaks in the middle: the icon and #36 on one line, 3 alone on the next, the same for #364. The prose columns get most of the width.

This looks like it comes from the expanded-table fit rules added in #20878 (apps/web/src/index.css, @container chat-lane (min-width: 36rem)): the table gets min-width: 0 and cells get overflow-wrap: break-word, and nothing keeps the PR link chip from breaking. Those rules are unchanged on main as of 66ee628e08.

Impact

Cosmetic issue

Version or commit

0.1.2-nightly.20261022.3526 (f054d1b80187). No newer nightly up to 0.1.3-nightly.20261023.3579 changes this.

Environment

macOS, T3 Code (Nightly) desktop app connected to a remote T3 server on Debian Linux (kernel 6.12). Provider Claude, model Opus 5.5.

Logs or stack traces

No response

Screenshots, recordings, or supporting files

I can add a cropped screenshot if useful.

Workaround

Probably collapsing the table with "Collapse table cells", which keeps natural column widths and scrolls sideways. Not confirmed.

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

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.