У вас были проблемы с -webkit-overflow-scrolling: touch в safari iOS?

Question

[lamer350]

В чем суть проблему, есть всплывашка внутри которой форма на 2 этапа.
Всплывашка не помещается на экран, потому внутри блока установлено css

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

Без -webkit-overflow-scrolling: touch; при попадании пальцем на input нельзя скролить внутри div.
Но проблема в следующем, если после отправки формы при переходе на второй етап (подгружаются данные на место формы из DOM) данные не отображаются, вижу просто белый лист. Если в вебинспекторе отключить свойство -webkit-overflow-scrolling: touch; данные сразу отображаются, если повторно включить так же остаются на месте.
Происходит какой то конфликт именно в момент подгрузки данные в DIV из DOM...

Comments

[Rustam Bainazarov]

Это свойство не может влиять на отображение. Более того, без него сколлинг в iOS тоже будет работать, просто с rubber banding'ом и без инерции.

В первом свойстве, кстати, поменяйте scroll на auto, чтобы он автоматически определял, есть ли overflow.

Ни с одной из проблем не сталкивался. Обычно это свойство со сложным контентом может делать дёрганный сколлинг — вот эту проблему я встречал часто.

[lamer350]

SmthTo, в том и вся загвоздка что не может, а в реальном времени снимая галку с -webkit-overflow-scrolling: touch; - контент тут же появляется на iphone

[Rustam Bainazarov]

lamer350, ссылка на проект?

[lamer350]

SmthTo, на проекте уже исправлено давно (посредством костыля через setTimeout добавляя свойсво после загрузки контента), просто интересно почему так происходит если кто то сталкивался, как будет время запилю ту же проблему в песочнице.

Answer 1

[Вадим Кот]

Есть такой баг в safari iOS https://youtu.be/bHv9pWEzKiU?t=768

Comments

[hesrun]

Блин, делал как-то верстку на мобильном фреймворке и как в докладе горизонтальную карусель, тоже прописывал плавный скролл, и так же пропадали блоки.
Дня два пытался найти решение бага, транслате z, не помогал, а про другие решения фиксы даже нагуглить не удалось...
Причем грешил я даже не на скролл...
Почти год прошел и вот так случайно наткнулся на решения этого бага...

[Rustam Bainazarov]

hesrun, да, прикольный доклад, я с помощью opacity правил баг скролла на iOS с этим свойством, чтобы избавиться от дёрганья.

Посмотрел доклад и немного документацию почитал — теперь понял, почему у меня так выходило: неудачное сочетание свойств (анимации, трансформации, box-shadow).

[lamer350]

Интересный доклад, спасибо! Списал на баг браузера, так как только в сафари такая фигня была, в том же хроме все было ок.

[hesrun]

lamer350, да, верно причем именно сафари и бажил. Мы уже отладку через мак делали, вообще для меня это загадка оставалась. А тут ня тебе...