Nested Popover closes PreviewTrigger when hovered

Aperta
#10,443 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

  • #10484 di @HamedFarazi — chiusa senza merge

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
58/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia da src/App.tsx nella riproduzione StackBlitz collegata e segui l’interazione tra PreviewTrigger e il Popover annidato. Riproduci il problema in Chrome, quindi esamina l’implementazione correlata di PreviewTrigger e Popover; il lavoro è completo quando l’anteprima esterna rimane aperta mentre il puntatore si sposta nel popover annidato e interagisce con esso.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
TypeScript
Stelle
16k
Fork
1.6k
Merge medio
3g 23h
PR unite (30g)
43

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di adobe/react-spectrum

Tutte le issue di adobe/react-spectrum

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.