Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Bug]: PR link chips in an expanded Markdown table break mid-number (#36 / 3)

オープン 初心者向け
  • 何か問題がありますか？
#24,146 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
72/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
css, react, typescript
領域
frontend

調査の方向性

apps/web/src/index.css から始め、@container chat-lane (min-width: 36rem) 条件下にある展開テーブルのフィット規則を調べます。必要に応じて、PR リンクチップのスタイルも追跡します。提示された幅の狭い PR 列と、展開された Markdown テーブル内の長い文章を使って再現します。チップが1行に収まり、その列の幅がチップを表示するのに十分であれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
TypeScript
スター
24.8k
フォーク
6.4k
平均マージ
4時間 35分
マージ済み PR（30日）
174

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

pingdotgg/t3code のほかの issue

pingdotgg/t3code の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。