Mobile Safari (12.2) применяет неправильные стили

Question

У меня есть заголовок, который может иметь 2 типа фона в зависимости от положения прокрутки: если вверху страницы - прозрачный, остальное - красный. Все отлично работает в любом браузере, кроме мобильного Safari (iPad и iPhone).

В инспекторе Safari я вижу, что применяются правильные стили, но фактический результат неверен.

Answer 1

Так что проблема заключалась в том, что заголовок имел transition: transform 0.6s, background 0.6s;

Я изменил на transition: 0.6s;, и это сработало!

Я думаю, что Safari ждет дополнительного тика (цикла событий) для перерисовки DOM по некоторым причинам оптимизации