palantir/blueprint

[v5] Popover not closing when navigating lazily loaded pages via React Router

Open

#6518 aperta il 6 nov 2023

Vedi su GitHub
 (2 commenti) (3 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: coreType: bughelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 24g 18h) (17 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): @blueprintjs/core 5.6.0
  • Operating System: Windows 10
  • Browser name and version: Chrome 118

Code Sandbox

https://codesandbox.io/p/sandbox/blueprint5-popover-issue-9zjj9x

Steps to reproduce

  1. Use the navbar menu to navigate to "Page 2"

Actual behavior

When using React Router to navigate to a lazily loaded page, the popover menu does not close and loses interactivity.

Expected behavior

The popover menu should close after the page transition.

Possible solution

No current solution to propose. We're currently migrating our code from Blueprint v4 to v5 and noticed this issue.

Guida contributor

Direzione di ricerca
Indaga il comportamento di chiusura del componente Popover nel contesto della navigazione React Router con pagine caricate in modo lazy. Rivedi il CodeSandbox fornito per replicare il problema. Controlla la gestione degli eventi del Popover e verifica se il componente si smonta o cambia stato durante la navigazione. Cerca eventuali discussioni esistenti o problemi correlati nel repository Blueprint riguardanti la chiusura dei popover. Una possibile soluzione consiste nell'assicurarsi che il popover si chiuda quando la rotta cambia, magari ascoltando gli eventi di navigazione o utilizzando una prop key.
Tech stack
typescriptreactcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactReact RouterBlueprint v5
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50