Popup duplicates when initially opened and page loads directly (Next.js + Framework7-React)
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- javascript, next.js, react
Direzione di ricerca
Inizia con la riproduzione collegata all'indirizzo f7-popup-test.vercel.app/popup e ispeziona il rendering iniziale della pagina del popup con opened={true}. Riproduci il problema caricando la pagina e chiudendo il popup, quindi traccia il motivo per cui compaiono più istanze. Il lavoro è completato quando un popup aperto direttamente viene renderizzato una volta e si chiude senza lasciare un duplicato nel DOM.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
- Framework7 version: 8.3.4
- Framework7-React version: 8.3.4
- React version: 19.0.0
- Next.js version: 15.1.7
- Platform and Target: Web / Chrome / Vercel
- Live Link or CodeSandbox: https://f7-popup-test.vercel.app/popup
Describe the bug
When the page loads with a popup initially open (opened={true}), multiple popup instances are created.
After closing the popup, another duplicate popup remains visible meaning more than one instance of the same popup exists in the DOM.
Why popup is open by default and why this is needed?
because the popup is controlled through URL query parameters or hash (for example, when a user directly opens a URL like ?popup=open or #popup that should display the popup on load).
To Reproduce
- Go to https://f7-popup-test.vercel.app/popup (the popup opens automatically on page load)
- Close the popup
- Notice that another popup instance remains open, duplicated on initial render
Expected behavior
Only a single popup instance should exist.
If the popup starts open (opened={true}), it should open once and close normally without leaving duplicates.
Actual Behavior
When the popup starts open on page load, multiple popup instances are rendered.
After closing one, another duplicate popup stays open.
Additional context
This is a minimal reproduction built with Next.js 15.1.7 and Framework7-React 8.3.4:
Repository: https://github.com/khaledsAlshibani/f7-popup-test
- Lingua principale
- JavaScript
- Stelle
- 18.8k
- Fork
- 3.2k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di framework7io/framework7
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
framework7io/framework7#4365 · 1 commento ·
-
propsHistory Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
framework7io/framework7#4347 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
framework7io/framework7#4222 · 3 commenti ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
framework7io/framework7#4175 · 1 commento ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
framework7io/framework7#3969 · 3 commenti ·
Tutte le issue di framework7io/framework7
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
-
area-deployment area-integrations triage:bot-seen
Difficoltà 2/5 Mezza giornata Idoneità per principianti 86/100
-
Issue-Bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
sugarlabs/musicblocks#8924 ·
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
ArduPilot/ardupilot_wiki#8088 ·
-
[BUG] createTool tools cannot be registered with Mastra when exactOptionalPropertyTypes is enabled Apertacustomer-eng status: needs triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100