Непонятный Touch глюк с overflow: scroll и Semantic UI из-за JS\CSS или браузера?

Question

[Сергей]

Проявился глюк со скроллом при overflow: scroll, не понятно по какой причине из-за JS\CSS фреймворка или из-за браузера. Обнаружен был следующим образом в модульном окне был input и был вертикальный скролл, в андроиде при фокусе на input появляется клавиатура и меняет размер окна браузера. Если в этот момент закрыть модульное окно, все скроллы перестают работать.

Воспроизвести удалось на codepen.io - https://codepen.io/bulat73/pen/gVBBLq.
Открываем в андроиде хром или в PC хром при помощи "Device toolbar" в инструментах разработчика.
Далее жмём "КНОПКА 2" - появляется окно со скроллом. Тач скролл работает. Жмем "Закрыть".
Жмём на вкладку "HTML" (она должна скрыть блок с кодом, и изменить рабочую область)
Опять жмём "КНОПКА 2" тач скролл больше не работает, пока снова не вернёшь вкладку HTML

Не могу понять откуда баг, может у кого есть идеи? (ниже под спойлером скринкаст)

СКРИНКАСТ

Answer 1

[strelok011]

Ну, у Вас, как я понял, подключен Semantic UI. У него есть листенер, слушающий touch. Это событие связано с классом scrolling, назначающимся на body.
Кривое поведение с тачем - баг фреймворка, описан вот тут https://github.com/Semantic-Org/Semantic-UI/issues... Там же вроде рецепты есть, не вдавался в детали.
Удачи в борьбе ))

Comments

[Сергей]

спасибо большое за ссылку! я даже и не знал что есть Fomantic-UI и что на семантик разрабы давно забили))

[Сергей]

перешёл Fomantic-UI 2.7.7 тут уже глюка нет!)