Ionic V5 mit Angular-Komponentenproblem auf Safari
Ich habe ein Problem mit der Ionic PWA-Anwendung für Klickprobleme in Safari für die folgenden UI-Komponenten.
ion-radio ion-select ion-menu Sie können den angehängten Screenshot sehen, wenn Sie auf die Optionsfeldkomponente „https://ionicframework.com/docs/api/radio 1“ klicken. Sie werden tatsächlich aufgefordert, die Seite neu zu laden.
Hier sind die Versionsdetails:
MacOs: Catalina 10.15.7 (19H2) Safari: Version 14.0 (15610.1.28.1.9, 15610) Winkel: 9.1.6 Ionisch: 5.0.0
Jede Unterstützung wird geschätzt. Danke im Voraus.
Antworten
Es ist ein Fehler mit der neuesten Version von Safari und Ionic 5.
Kurze Erklärung und Problemumgehung:
Das Problem ist mit ion-item, fügen Sie einfach <div tabindex="0"></div>innen ion-itemund es wird das Problem beheben.
Lange Erklärung (kopiert aus dem folgenden Github-Problem): GitHub- Problem :https://github.com/ionic-team/ionic-framework/issues/21939#issuecomment-694259307
Was ist passiert?
In Safari / iOS-Betas gab es eine Regression, bei der Webkomponenten mit delegatesFocus: true den Browser zum Absturz brachten, wenn keine fokussierbaren untergeordneten Elemente vorhanden waren. Das zugrunde liegende Problem war, dass WebKit vor dem Weiterleiten des Fokus nicht überprüfte, ob das fokussierbare Element vorhanden war. Dies wirkt sich auf die Ionenelementkomponente aus, da delegatesFocus: true verwendet wird.
Das Problem wurde behoben und der Code zur Behebung des Problems wurde zusammengeführt. Das Update wurde jedoch nicht in Safari für macOS ausgeliefert. Infolgedessen tritt dieses Problem weiterhin auf, wenn Safari 14 für macOS veröffentlicht wird. Dieses Update wurde in iOS 14 ausgeliefert, sodass Geräte mit dieser iOS-Version nicht betroffen sind.
Wann wird das Update veröffentlicht?
Das Ionic Framework-Team hat überprüft, ob das Problem in der neuesten Safari-Technologievorschau behoben wurde, und darauf hingewiesen, dass dieses Update in einem bevorstehenden Update für Safari (dh Safari 14.0.1 oder in welcher Version auch immer) veröffentlicht werden soll. Wir werden diesen Thread weiterverfolgen, wenn der Fix veröffentlicht wurde.