$.waDialog блокирует вертикальный скролл присваивая body класс .is-locked, который блокирует вертикальный скролл делая просто "overflow: hidden". Из-за этого браузер убирает полосу прокрутки и контент основной страницы дёргается при открытии и закрытии модалки.
В сети есть множество рекомендаций, как определить есть ли у документа вертикальный скролл и какова его ширина, как из этого сделать отступы или просто заблочить скролл, но показывать скроллбар
3 комментария
Кстати дергание это появилось с недавних пор и на форуме, при написании коментария с мобильного устройства.
Проверенное решение примерно такое :)
const defaultBodyStyle = { width: document.body.style.width, overflow: document.body.style.overflow, }; openDialogFn = () => { document.body.style.width = 'calc(100% - ' + (window.innerWidth - document.body.clientWidth) + 'px)'; document.body.style.overflow = 'hidden'; }; closeDialogFn = () => { document.body.style.width = defaultBodyStyle.width; document.body.style.overflow = defaultBodyStyle.overflow; };Это исправится при очередном обновлении фреймворка. Спасибо!