Toast messages occluded by page elements such as text boxes
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- typescript
- Ambito
- frontend
Direzione di ricerca
Inizia riproducendo il problema nella console di un browser con Capacitor.Plugins.Toast.show e una pagina contenente campi di input del modulo o altri elementi PWA. Esamina come il toast viene sovrapposto rispetto agli elementi scorrevoli della pagina; il lavoro è completato quando il toast rimane visibile sopra tali elementi per tutta la sua durata, senza che il comportamento di oscuramento venga modificato in altro modo.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
I'm submitting a ...
[x] bug report
[ ] feature request
Current behavior:
When firing a toast message, some page elements are not covered properly by the toast. Instead, those elements cover the message!
In the example above, the elements are not set to unusual z-index values or anything.
Expected behavior:
The Toast message, since it is ephemeral, should cover just about everything. I think it should have some transparency in it's backdrop, which should help if anything underneath it needs to be seen.
Steps to reproduce:
In your browser console try sending a toast on a page with PWA elements:
window.Capacitor.Plugins.Toast.show({ text: "Here's a long Toast message. You can see under me, but if you scroll the page, some elements cover me up!", duration: '10000'}).then();
Then attempt to scroll elements past it, such as form input elements (like those pictured above).
Potential solution
Increase Toast Z-index?
- Lingua principale
- TypeScript
- Stelle
- 172
- Fork
- 50
- 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 ionic-team/pwa-elements
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 45/100
ionic-team/pwa-elements#135 ·
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
ionic-team/pwa-elements#133 ·
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 55/100
ionic-team/pwa-elements#129 · 5 commenti · 17 reazioni ·
-
Unable to use in esm package. Module not found: Can't resolve '@ionic/pwa-elements/loader/index.js' Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 38/100
ionic-team/pwa-elements#128 · 10 reazioni ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 48/100
ionic-team/pwa-elements#113 · 3 commenti ·
Tutte le issue di ionic-team/pwa-elements
Issue simili
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
-
Crush Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
ElementsProject/cln-application#167 · 1 commento · 1 reazione ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
Quantco/pnpm-licenses#17 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100