Ionic V5 с проблемой компонента Angular в Safari
У меня возникла проблема с приложением Ionic PWA для проблемы с щелчком в Safari для компонентов пользовательского интерфейса ниже.
ion-radio ion-select ion-menu вы можете увидеть прикрепленный снимок экрана, когда вы нажимаете на компонент радиокнопки «https://ionicframework.com/docs/api/radio 1», он фактически запрашивает перезагрузку страницы.
Вот сведения о версии:
MacOs: Catalina 10.15.7 (19H2) Safari: Версия 14.0 (15610.1.28.1.9, 15610) Угловая: 9.1.6 Ионная: 5.0.0
Любая поддержка будет оценена по достоинству. Заранее спасибо.
Ответы
Это ошибка последних версий Safari и ionic 5.
Краткое объяснение и обходной путь:
Проблема в том ion-item, просто добавьте <div tabindex="0"></div>внутрь, ion-itemи это решит проблему.
Длинное объяснение (скопировано из проблемы с github ниже): Проблема GitHub:https://github.com/ionic-team/ionic-framework/issues/21939#issuecomment-694259307
Что случилось?
В бета-версиях Safari / iOS произошла регрессия, когда веб-компоненты с delegatesFocus: true вызвали сбой браузера, если не было дочерних элементов с фокусировкой. Основная проблема заключалась в том, что WebKit не проверял, существовал ли фокусируемый элемент до перенаправления фокуса. Это влияет на компонент ion-item, поскольку используется delegatesFocus: true.
Проблема была решена, и код для ее устранения был объединен; однако исправление не входит в Safari для macOS. В результате эта проблема по-прежнему будет появляться после выпуска Safari 14 для macOS. Это исправление включено в iOS 14, поэтому устройства с этой версией iOS не затронуты.
Когда будет выпущено исправление?
Команда Ionic Framework подтвердила, что проблема решена в последней версии Safari Technology Preview, что указывает на то, что это исправление должно появиться в грядущем обновлении Safari (например, Safari 14.0.1 или любой другой версии). Мы продолжим эту тему, когда исправление будет выпущено.