Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Bug]: Settling a thread in the threads list makes the list reflow

Aperta Adatta ai principianti
  • Qualcosa non va?
#26,340 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
60/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Inizia cercando in apps/web il tooltip Settle thread o il controllo Settle al passaggio del mouse, poi leggi i componenti della card del thread e della lista dei thread che mostrano il timestamp relativo e attivano l'azione di settle. Riproduci il reflow nella lista dei thread, per esempio nel progetto Work, e ispeziona il codice della dissolvenza e del layout della lista attorno alla card chiusa. È completato quando la card chiusa può sfumare senza che le card sottostanti saltino, oppure con una transizione breve e intenzionale.

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

Descrizione

Before submitting
  • I searched existing issues and did not find a duplicate. Searched "settle" in pingdotgg/t3code; the closest hits are about settle semantics (#24041, #25062, #26097), not list layout.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/web (inferred from the UI; not checked against source)

Steps to reproduce
  1. Open the threads list with several threads, for example in the "Work" project.
  2. Hover a thread card. The "Settle" button appears in the card header and replaces the relative time ("29m", "9m").
  3. Click "Settle" on a card.
  4. Watch the list after the click (4 s clip, see attachment).
Expected behavior

Settling a thread changes only that thread's state. The rest of the list does not move, or the move is a short, clear transition.

[INFERENCE] The reporter expects the settled thread to leave the list without the other cards jumping.

Actual behavior

In the recording (6 sampled frames):

  • The "Settle" button replaces the timestamp in the card header while the card is hovered.
  • After the click, the settled card fades out (a faded ghost card is visible above the "Failed" and "Errors in Unattached Screenshot" cards in the later frames).
  • The cards below the settled one move up to fill the gap, so the list reflows during the fade.

The "Settle" label and the cursor overlap in the header, and a "Settle thread" tooltip appears at the top right.

Impact

Cosmetic issue

Version or commit

Unknown

Environment

Linux x64, omarchy (kernel 7.2.8-9-omarchy). Client type (desktop or web) not recorded.

Logs or stack traces

None captured.

Workaround

None known.

Attachments

Screen recording screenrecording-2026-10-28_09-22-34.mp4 (352x236, 4 s, 60 fps, 53 KB). Not attached yet: the GitHub API does not accept mp4 uploads for issues. Reporter to attach it through the web UI.

Lingua principale
TypeScript
Stelle
24.8k
Fork
6.4k
Merge medio
2h 54m
PR unite (30g)
350

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.