Safari'de Angular bileşen sorunu olan Ionic V5
Aşağıdaki UI bileşenleri için Safari'de tıklama sorunu nedeniyle Ionic PWA uygulamasında sorun yaşıyorum.
ion-radio ion-select ion-menu, "https://ionicframework.com/docs/api/radio 1" radyo düğmesi bileşenine tıkladığınızda ekli ekran görüntüsünü görebilirsiniz, aslında sayfayı yeniden yüklemenizi istiyor.
İşte sürüm ayrıntıları:
MacO'lar: Catalina 10.15.7 (19H2) Safari: Sürüm 14.0 (15610.1.28.1.9, 15610) Açısal: 9.1.6 İyonik: 5.0.0
Herhangi bir destek takdir edilecektir. Şimdiden teşekkürler.
Yanıtlar
En son Safari ve ionic 5 ile ilgili bir hata.
Kısa açıklama ve geçici çözüm:
Sorun şu ki ion-item, sadece <div tabindex="0"></div>içine ekleyin ion-itemve sorunu çözecektir.
Uzun Açıklama (Aşağıdaki github sorunundan kopyalandı): GitHub Sorunu:https://github.com/ionic-team/ionic-framework/issues/21939#issuecomment-694259307
Ne oldu?
Safari / iOS betalarında delegatesFocus: true, odaklanabilir alt öğeler yoksa tarayıcının çökmesine neden olan web bileşenlerinde bir gerileme vardı. Altta yatan sorun, WebKit'in odaklanabilir öğenin odağı yönlendirmeden önce var olup olmadığını kontrol etmemesiydi. Bu, delegatesFocus: true kullanıldığı için ion-item bileşenini etkiler.
Sorun çözüldü ve sorunu çözmek için kod birleştirildi; ancak, düzeltme macOS için Safari'de gönderilmemiştir. Sonuç olarak, macOS için Safari 14 piyasaya sürüldüğünde bu sorun görünmeye devam edecektir. Bu düzeltme iOS 14'te yayınlandı, bu nedenle iOS'un bu sürümünü çalıştıran cihazlar etkilenmez.
Düzeltme ne zaman yayınlanacak?
Ionic Framework ekibi, sorunun en son Safari Teknoloji Önizlemesinde çözüldüğünü doğruladı ve bu düzeltmenin Safari'ye yapılacak bir güncellemede (yani, Safari 14.0.1 veya hangi sürüm olursa olsun) gönderilmesi gerektiğini belirtti. Düzeltme yayınlandığında bu konuyu takip edeceğiz.