Ionic V5 con problema al componente Angular su Safari
Sto riscontrando problemi con l'applicazione Ionic PWA per problemi di clic su Safari per i componenti dell'interfaccia utente sottostanti.
ion-radio ion-select ion-menu puoi vedere lo screenshot allegato quando fai clic sul componente del pulsante di opzione "https://ionicframework.com/docs/api/radio 1" in realtà sta chiedendo di ricaricare la pagina.
Ecco i dettagli della versione:
MacOs: Catalina 10.15.7 (19H2) Safari: versione 14.0 (15610.1.28.1.9, 15610) Angolare: 9.1.6 Ionico: 5.0.0
Qualsiasi supporto sarà apprezzato. Grazie in anticipo.
Risposte
È un bug con l'ultimo Safari e ionic 5.
Breve spiegazione e soluzione alternativa:
Il problema è con ion-item, basta aggiungere <div tabindex="0"></div>all'interno ion-iteme risolverà il problema.
Spiegazione lunga (copiata dal problema di github di seguito): Problema di GitHub:https://github.com/ionic-team/ionic-framework/issues/21939#issuecomment-694259307
Quello che è successo?
Si è verificata una regressione nelle beta di Safari / iOS in cui i componenti Web con delegatesFocus: true causava l'arresto anomalo del browser se non c'erano elementi figlio attivabili. Il problema sottostante era che WebKit non controllava se l'elemento attivabile esisteva prima dell'inoltro dello stato attivo. Ciò influisce sul componente dell'elemento ionico quando viene utilizzato delegatesFocus: true.
Il problema è stato risolto e il codice per risolverlo è stato unito; tuttavia, la correzione non è stata fornita in Safari per macOS. Di conseguenza, questo problema verrà comunque visualizzato quando viene rilasciato Safari 14 per macOS. Questa correzione è stata fornita in iOS 14, quindi i dispositivi che eseguono quella versione di iOS non sono interessati.
Quando verrà rilasciata la correzione?
Il team di Ionic Framework ha verificato che il problema è stato risolto nell'ultima Safari Technology Preview, indicando che questa correzione dovrebbe essere fornita in un prossimo aggiornamento di Safari (ad esempio Safari 14.0.1 o qualunque sia la versione finale). Seguiremo questo thread quando la correzione sarà stata rilasciata.