Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#26,340 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
60/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách tìm trong apps/web tooltip Settle thread hoặc nút Settle hiện khi di chuột, sau đó đọc các component thread-card và thread-list hiển thị dấu thời gian tương đối và kích hoạt hành động settle. Tái hiện hiện tượng reflow trong danh sách thread, ví dụ trong dự án Work, và kiểm tra mã fade-out cùng bố cục danh sách xung quanh thẻ đã settle. Hoàn thành khi thẻ đã settle có thể mờ dần mà các thẻ bên dưới không bị nhảy, hoặc chỉ có một hiệu ứng chuyển tiếp ngắn và có chủ đích.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.

Ngôn ngữ chính
TypeScript
Star
24.8k
Fork
6.4k
Merge trung bình
3 giờ 20 phút
Pull request đã merge (30 ngày)
208

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của pingdotgg/t3code

Tất cả issue của pingdotgg/t3code

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.