TanStack / TanStack/devtools

Incorrect interaction with html dialog

Đang mở
#369 3 bình luận 0 reaction 0 người được giao Xem trên GitHub

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

Ngôn ngữ chính
TypeScript
Star
499
Fork
100
Merge trung bình
1 ngày 17 giờ
Pull request đã merge (30 ngày)
4

Mô tả

TanStack Devtools version

v0.9.9

Framework/Library version

React 19.2.3

Describe the bug and the steps to reproduce it

Devtools does not interact well with Html's dialog element.

A dialog anywhere in the DOM will take precedence in the element stack, regardless of z-index. This means that when a dialog is open, both the trigger and panel of the devtools will become inaccessible.

Image
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

Render a <dialog open>Something</dialog> in a page with devtools and devtools can no longer be interacted with.

Screenshots or Videos (Optional)

No response

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

No, because I do not know how

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.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

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.

Hướng nghiên cứu

Bắt đầu với bản tái hiện tối thiểu đã được báo cáo: render

cùng với TanStack Devtools và kiểm tra cách trigger và panel được mount và xếp lớp. Hoàn tất khi một HTML dialog đang mở không còn ngăn cả hai control của Devtools nhận tương tác; issue không nêu file hoặc test cụ thể nào, vì vậy hãy xác định entry point liên quan từ bản tái hiện này.

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

Đánh giá

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

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.