В моем приложении есть анимация прокрутки, которая использует translateY для перевода тела к следующему вопросу в списке после ответа на предыдущий вопрос.Такое поведение прекрасно работает на настольных компьютерах во всех браузерах и на мобильных устройствах в Safari.Однако для некоторых iPhone в Chrome переход заканчивается менее чем через 100 мс, когда он должен завершиться через 700 мс, что вызывает заметный пропуск.Мне удалось воспроизвести проблему в Chrome на iPhone 6, 6S и XR.Однако проблема с iPhone 8 не возникла.
Stackblitz: https://stackblitz.com/edit/angular-reqqdv
Записи экрана, показывающие проблему:
iPhone XR - Safari (работает): https://youtu.be/fM6-hh_L1_Y iPhone XR - хром (сломан): https://youtu.be/d_WblMfK3nc iPhone 6 - хром (сломан): https://youtu.be/WT6cHR-ZhlI iPhone 6S - хром (сломан)): https://youtu.be/kqvE2zqf4wc iPhone 8 - Chrome (рабочий): https://youtu.be/h9oP8Jc0Ix4 Рабочий стол - Chrome (MacBook Pro, рабочий): https://youtu.be/j93sqSXjIMI
iPhone XR - Safari (работает): https://youtu.be/fM6-hh_L1_Y
iPhone XR - хром (сломан): https://youtu.be/d_WblMfK3nc
iPhone 6 - хром (сломан): https://youtu.be/WT6cHR-ZhlI
iPhone 6S - хром (сломан)): https://youtu.be/kqvE2zqf4wc
iPhone 8 - Chrome (рабочий): https://youtu.be/h9oP8Jc0Ix4
Рабочий стол - Chrome (MacBook Pro, рабочий): https://youtu.be/j93sqSXjIMI
GitHub Issue: https://github.com/angular/angular/issues/27629