Column resize does not end if mouseup is missed (screenshot, switching tabs)

Đang mở
  • Có gì không ổn?
#6,652 0 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

@lx3133584 đang làm issue này rồi.

Từ ngày 6/11/2026.

  • #6653 của @lx3133584 — đang mở

Đánh giá

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

Hướng nghiên cứu

Start by reading the column resizing implementation and its tests; the issue does not name specific files, so locate them by searching for the resize handlers. Reproduce the missed-mouseup scenario in the linked React example, then check whether the resize interaction ends after focus changes. Done means resizing stops when the mouse is released after switching tabs or windows; pull request #6653 is already open for this issue.

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

Mô tả

TanStack Table version

9.3.1

Framework/Library version

19.3.0

Describe the bug and the steps to reproduce it

When I am dragging the column resize handle and perform an action that takes focus away without triggering a mouseup event, the table still acts as though the drag is occurring even though the mouse isn't clicked. This can be triggered by taking a screenshot or using Ctrl+Shift+Tab or Alt+Tab to move to a different window.

In the video below, I click on the column resize handle and start dragging it. I then use Ctrl+Shift+Tab to switch to a different tab. During the switch, the mouse is still pressed and so mouseup never fires. I then release the mouse and switch back to the TanStack Table app tab. Now, the mouse is still released but the drag is still in progress and the resize handle follows the mouse pointer until I click again.

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing?panel=codesandbox

Screenshots or Videos (Optional)

https://github.com/user-attachments/assets/37b84aee-6b35-47b4-8aa8-32fe41b94851

Do you intend to try to help solve this bug with your own PR?

None

Terms & Code of Conduct
  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
Ngôn ngữ chính
TypeScript
Star
28.5k
Fork
3.6k
Merge trung bình
18 giờ 5 phút
Pull request đã merge (30 ngày)
12

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

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 TanStack/table

Tất cả issue của TanStack/table

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.