Disable scroll on body when modal is launched

[forgelab]

Hey everyone … when a modal is launched we’d like to disable the scroll on main body.

For example, if a user scrolls and there is nothing to scroll on the modal itself, the position on main page shifts. On mobile this causes problems with the nav bar appearing/disappearing.

Anyone have ideas about how to disable background scroll when modal is launched? Thanks!

[forgelab]

We’ve tried this recommendation by setting it on the Body section itself, yet scrolling still happening.

Perhaps we integrated it incorrectly?

[forgelab]

Just found the solution… thank you @luka !!

Modal not working properly?

add this when opening the modal: if (context.browser?.["environment"] != "editor") { wwLib.getFrontDocument().body.style.overflow = "hidden"; wwLib.getFrontDocument().documentElement.style.overflow = "hidden"; } and this when closing the modal if (context.browser?.["environment"] != "editor") { wwLib.getFrontDocument().body.style.overflow = "auto"; wwLib.getFrontDocument().documentElement.style.overflow = "auto"; } this will only apply in the published app, if you want to test it i…