Всем привет.
Набросал песочницу по вопросу:
cssdeck.com/labs/full/9sq4b1ia (сдохла уже)
Есть родительский блок с display: flex, в нем хеадер, центральный блок (с прокруткой) и футер.
Прошу сразу посмотреть на iPhone, тк на десктопе проблемы нет.
Центральный блок для плавной инерционной прокрутки с -webkit-overflow-scrolling: touch
Если мы его поскроллим - всё ок.
Теперь если поскроллить попытаться например футер и после этого снова поскроллить центральный блок - в половине случаев прокрутка не сработает.
При таче на него и повторном скролле - всё снова работает.
Как будто центральный блок теряет фокус и восстанавливает его ко 2му нажатию.
Вот видео бага
bug
Смотрел видео с переносом в отдельный граф слой (translateZ, в css закоментарено), подключал библиотеку
scroll-lock - не помогает.
Подскажите, как победить?