Внутренняя прокрутка ионного содержимого Ionic Angular имеет нулевую высоту на iOS, предотвращая прокрутку - предприняты ⇐ IOS

[Anonymous]

У меня есть приложение Ionic Angular, в котором прокрутка полностью не работает на iOS (Safari, Firefox, Edge – все на основе WebKit). Настольные браузеры работают отлично. Диагностические данные показывают, что элемент .inner-scroll внутри теневого DOM ion-content полностью сжался до нулевой высоты.
Среда

• Ionic: с автономными компонентами Angular
• Платформа: iOS (все браузеры)
• Состояние: рабочий стол работает нормально, iOS полностью не работает
• Поведение: можно «покачивать» контент только на несколько пикселей, фактическая прокрутка отсутствует

Текущая настройка
Шаблон:
html

Код: Выделить всё

Соответствующий глобальный CSS:
scss

Код: Выделить всё

ion-content {
--background: var(--ion-background-color);
--color: var(--ion-text-color);
--padding-bottom: 130px;
overscroll-behavior: contain;
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
}

CSS для конкретной платформы (Response.scss):
scss

Код: Выделить всё

body.ios ion-content {
--offset-bottom: auto !important;
--overflow: auto;  // Changed from 'hidden'
}

Исправления уже предприняты (ничего не сработало)

• изменен --overflow со скрытого на автоматический
• Результат: без изменений, высота по-прежнему равна 0.
• Добавлен расчет высоты области просмотра во время выполнения
• Нет изменений, высота по-прежнему 0
• Удален весь z-индекс: -1
• Без изменений
• Обеспечено [полноэкранный режим]="true" на всех страницах
• Без изменений
• Увеличено --padding-bottom
• Без изменений

Вопросы

• Что может привести к тому, что элемент .inner-scroll в Ionic будет иметь нулевую высоту в iOS, если родительский ion-content имеет правильную высоту высота?
• Известны ли iOS-проблемы с реализацией теневой прокрутки DOM в Ionic?
• Что еще мне следует изучить? Возможные области:
  • Структура шаблона (элементы-обертки вокруг ионного содержимого?)
  • Проблемы с цепочкой макетов Flexbox?
  • Перехватчики жизненного цикла JavaScript управляют макетом?
  • Ионная конфигурация для автономных компонентов?
• Кто-нибудь сталкивался с этим конкретным симптомом (внутренняя прокрутка 0 высоты) на iOS и обнаруживал решение?

Минимальное воспроизведение
Все затронутые страницы имеют следующую структуру:
html

Код: Выделить всё

Page Title

Отлично работает на настольном компьютере, полностью не работает на iOS (все браузеры).
Что мне нужно

• Понимание того, почему .inner-scroll сворачивается до нулевой высоты
• Диагностические шаги для определения того, что ограничивает высоту
• Решения, выходящие за рамки стандартных исправлений, которые я уже пробовал
• Любые ошибки Ionic, специфичные для iOS, которые мне, возможно, не хватает

Это блокирует использование приложения всеми пользователями iOS. Любая помощь будет принята с благодарностью!

Подробнее здесь: https://stackoverflow.com/questions/798 ... ng-scrolli