Ionic FAB: проблема с дисплеем Chrome

Question

Я использую Ionic 3, и у меня есть некоторые кнопки FAB , которые появляются над заголовком (top edge).Совсем недавно они перестали появляться над заголовком и теперь появляются под ним.Симптом можно увидеть в Ионных документах при просмотре их демонстраций.

Кто-нибудь еще видел эту проблему?Внесены ли в Chrome изменения, регулирующие работу с Z-Index?Для справки, FAB по-прежнему хорошо выглядит в FireFox и iOS / Safari.

Обновление после дополнительных исследований

• Это, похоже, началось с Chrome 71
• Сообщение Ionic Forums содержит некоторые дополнительные детали
• A Github Issue отправлено в команду Ionic

Пока естьнекоторые обходные пути, кажется, что нет твердого объяснения (и, следовательно, нет долгосрочного исправления).

Answer 1

В связи с проблемой Github я решил эту проблему в своем приложении, добавив следующий CSS-код в файл ionic app.scss:

ion-content {
  contain: size style;
}

Это в основном займет contain: layout стиль из смеси, которая вызывает проблему.FireFox / Safari пока не поддерживают contain:layout ( см. Здесь ), поэтому там работают FAB.В конце концов, они тоже сломаются, если не будут добавлены такие изменения.