Nested Popover closes PreviewTrigger when hovered

Đang mở
  • Có gì không ổn?
#10,443 0 bình luận 1 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.

  • #10484 của @HamedFarazi — đã đóng, không merge

Đá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
58/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với src/App.tsx trong bản tái hiện StackBlitz được liên kết và theo dõi tương tác giữa PreviewTrigger với Popover lồng nhau. Tái hiện vấn đề trong Chrome, sau đó kiểm tra phần triển khai liên quan của PreviewTrigger và Popover; hoàn tất khi bản xem trước bên ngoài vẫn mở trong lúc con trỏ di chuyển vào popover lồng nhau và tương tác với nó.

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

Mô tả

Provide a general summary of the issue here

I am trying to use a Select (uses a Popover) inside a PreviewTrigger's Popover. The nested Popover opens as expected, but when moving the pointer into it, the PreviewTrigger popover closes because the nested popover is rendered outside the boundary of the preview popover.

🤔 Expected Behavior?

The PreviewTrigger popover should remain open while hovering or interacting with a nested Popover that was triggered from within the preview content.

😯 Current Behavior

The nested Popover opens, but when moving the pointer from the PreviewTrigger popover into the nested popover, the preview popover closes.

Since the nested popover is rendered outside the boundary of the PreviewTrigger popover, moving the pointer into it is treated as leaving the preview area. This causes the preview popover to close and prevents interaction with the nested popover.

💁 Possible Solution

No response

🔦 Context

I want to use popover-related elements like select and combo box inside the preview triggers's popover

🖥️ Steps to Reproduce

https://stackblitz.com/edit/vitejs-vite-thiynja4?file=src%2FApp.tsx

Version

1.20.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Ngôn ngữ chính
TypeScript
Star
16k
Fork
1.6k
Merge trung bình
3 ngày 23 giờ
Pull request đã merge (30 ngày)
43

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 adobe/react-spectrum

Tất cả issue của adobe/react-spectrum

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.