We are using the Window component with stage="FULLSCREEN" in a page that has HTML content in addition to the react app. When the window is opened it displays as expected but allows for scrolling down to see the content of the page that is not part of the react app.
Is there a way to prevent this scrolling so that the window appears to be the only content available to the user?
stackblitz example:
https://stackblitz.com/edit/react-o5rkfv?file=index.html
1 Answer, 1 is accepted
Hello, Tim,
We can suggest using the modal option of the Window:
https://www.telerik.com/kendo-react-ui/components/dialogs/api/WindowProps/#toc-modal
The user will still be able to scroll down, but not able to interact with the content
There are other options to fully block the browser scroll that can also prove helpful:
https://stackoverflow.com/questions/9280258/prevent-body-scrolling-but-allow-overlay-scrolling
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.