Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭 适合新手
#19,048 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

@ScottN-PV 已经在做这个了。

开始于 2026年10月13日。

  • #19089 来自 @ScottN-PV —— 未关闭

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
72/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
typescript
领域
frontend

调研方向

从 apps/web/src/components/DiffPanel.tsx 开始,head ref 和箭头位于带有 min-w-0 的 tooltip 触发器内,检查该包装器是否会收缩到零宽度。通过用较宽的 +N −N 计数收窄右侧 Diff 面板来复现,然后确认 truncate 的 span 和 shrink-0 的箭头表现与 issue 描述一致。完成标准:分支名以省略号截断,且箭头不再与 base ref 按钮重叠。

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

描述

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.

主要语言
TypeScript
星标
24.8k
派生
6.4k
平均合并
5 小时 30 分钟
30 天内合并 PR
215

环境准备

在 Codespaces 中打开

在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。

从这里开始

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

pingdotgg/t3code 的其他 Issue

查看 pingdotgg/t3code 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。