Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto Apto para principiantes
  • ¿Algo no está bien?
#26,340 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
60/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
typescript
Área
frontend

Línea de trabajo

Empieza buscando apps/web el tooltip Settle thread o el control Settle que aparece al pasar el cursor, y luego lee los componentes de la tarjeta de hilo y de la lista de hilos que muestran la marca de tiempo relativa y disparan la acción de settle. Reproduce el reflow en la lista de hilos, por ejemplo en el proyecto Work, e inspecciona el código del fade-out y del layout de la lista alrededor de la tarjeta resuelta. Se considera terminado cuando la tarjeta resuelta puede desvanecerse sin que las tarjetas de abajo salten, o con solo una transición breve e intencionada.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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.

Lenguaje dominante
TypeScript
Estrellas
24.8k
Forks
6.4k
Merge medio
2 h 54 min
PR fusionados (30 d)
350

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de pingdotgg/t3code

Todos los issues de pingdotgg/t3code

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.