developit / developit/preact-mdl

Strange <List> Behavior when using preact-router

Aperta
#40 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
192
Fork
20
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Replication Instructions:
1. You can see this issue in a staging version of my app. Go [here](https://tower-887e1.firebaseapp.com/), and click the first item on this list, when it appears.
2. Go back using your browser back button
3. Attempt to click on the navigation icon again
4. It disappears and will only reappear when you hover over it

Some other strange behaviors include: entire list items becoming invisible after repeated back and forth navigation and List Primary Content disappearing.

Notice that I am using the word disappearing. This is because all the elements are still present in the DOM, as you can see from the inspector. But they are invisible. I've ruled this down to a compatibility issue between this module and the MDL CSS, as the issue is not present when the CSS is removed

Sidenote: This may be more relevant on the preact-router repo, ask me if you want to move it

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Riproduci la sequenza di navigazione nell’app di staging collegata, inclusa la navigazione indietro del browser, con MDL CSS abilitato. Esamina gli elementi dell’elenco interessati e List Primary Content nel DOM, quindi confronta il risultato con il CSS rimosso e considera la compatibilità di preact-router indicata nel report. Il lavoro è completato quando gli elementi che scompaiono sono spiegati in modo coerente e il bug di compatibilità è corretto o chiaramente isolato.

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

Valutazione

Stack tecnologico
javascript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.