Can I Prevent the Page Scrolling when Floating Group is Visible?

I am using a Floating Group as a contextual menu and when that overflows the main page, it gets a scrollbar, which is fine.

The question is, how do I stop the main page scrolling when the Floating Group is visible?

Having both scrolling up and down is a really poor UX.

I found this in another post but it doesn’t do anything for me:

</style>
body {
   height: 100%;
   overflow-y: hidden;
}
</style>

add !important keyword at the end as shown below

<style>
body{
  overflow: hidden !important;
  height: 100% !important;
}
</style>

image

Perfect! Thank you.

1 Like