[Bug]: PR conversation card header overflows on a narrow Code tab

Aperta
  • Qualcosa non va?
#36,212 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@BeLazy167 ci sta già lavorando.

Dal 13/11/2026.

  • #36211 di @BeLazy167 — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css, react, typescript
Ambito
frontend

Direzione di ricerca

Start in apps/web at the PR side panel's Code tab, in the component that renders "Conversations not on the current diff" and each conversation card header with the Fix, Add to chat and Resolve buttons. Reproduce at roughly 480 px, then inspect the header's layout rules and the conversation list container for the missing wrap and the horizontal overflow. Done means the header buttons wrap, Resolve stays inside the card, and the file path above is no longer clipped. Note that a linked pull request (#36211) is already open, so check it before starting.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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 pull request that has outdated review conversations, on a repository where you can resolve them.
  2. Open it in the right side panel of a thread, at about 480 px wide or less, and choose the Code tab.
  3. Expand "Conversations not on the current diff".
Expected behavior

Each conversation card fits the panel. Its header buttons (Fix, Add to chat, Resolve) wrap onto a second line when there is no room.

Actual behavior

The card header does not wrap. Resolve sits outside the card's right edge. The wider card makes the conversation list scroll sideways, which cuts off the start of the file path above the card.

Impact

Minor bug or occasional failure

Version or commit

main at f313d0a6cb

Environment

Web client, PR side panel at a narrow width.

Screenshots, recordings, or supporting files

Private details are covered with boxes.

Resolve sits outside the card and the list scrolls sideways
Workaround

Widen the panel.

Lingua principale
TypeScript
Stelle
24.8k
Fork
6.4k
Merge medio
59m
PR unite (30g)
418

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pingdotgg/t3code

Tutte le issue di pingdotgg/t3code

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.