Блог

Мое приложение перестало работать на некоторых экранах сразу после обновления iOS 14.0, когда я тестирую на эмуляторе 13.5, он работает нормально.

Я уже использую следующий код:

 ion-app.platform-ios12 ion-content {
   pointer-events: auto; / * fix scroll lock on ios12.2 * /
}
  

и я также пытался заставить экран прокручиваться с помощью css, но никаких новостей 🙁

Кто-нибудь сталкивался с подобной ситуацией? Любые выводы помогут! Мои настройки:

 Ionic:
   Ionic CLI                     : 6.11.8 
   @angular/cli                  : 8.1.3
Capacitor:
   Capacitor CLI   : 2.4.2
   @capacitor/core : 2.4.2
System:
   npm    : 6.14.8
   OS     : macOS Catalina
  

Вам необходимо обновить свой код, чтобы он указывал на iOS 14 следующим образом

ion-app.platform-ios14 ion-content { pointer-events: auto; }

Ребята, я понял это, по-видимому, мой проект содержал класс SCSS, у которого была проблема в следующих элементах:

 .background {
  background: #f2f2f2;
  top: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1; <--------------- PROBLEM
  transition-property: none;
  transform: translateX(0%) translateY(0px);
}
  

После удаления top: 0 и z-индекса прокрутка экрана вернулась к работе.
Что мне показалось самым странным, так это то, что в версии iOS 13.x это работало гладко. Но хорошо, важно то, что он снова заработал 😉

Это работает в проекте Ionic 3

variables.scss

 ion-app.platform-ios14 ion-content { 
          pointer-events: auto !important;
}