Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

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

Open Beginner friendly
  • Is something wrong?
#19,048 1 comment 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

@ScottN-PV is already working on this.

Since Oct 13, 2026.

  • #19089 by @ScottN-PV — open

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
typescript
Domain
frontend

Research direction

Start in apps/web/src/components/DiffPanel.tsx, where the head ref and arrow sit inside a min-w-0 tooltip trigger, and check whether that wrapper can shrink to zero width. Reproduce by narrowing the right Diff panel with a wide +N −N count, then confirm the truncate span and the shrink-0 arrow behave as the issue describes. Done when the branch name truncates with an ellipsis and the arrow no longer overlaps the base-ref button.

Written by the indexing model from the issue text.

Description

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.

Dominant language
TypeScript
Stars
24.8k
Forks
6.4k
Avg merge
7h 9m
Merged PRs (30d)
244

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from pingdotgg/t3code

All issues in pingdotgg/t3code

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.