Window component allows scrolling of HTML outside of the react app

1 Answer 228 Views
Window
Tim
Top achievements
Rank 1
Tim asked on 02 Jun 2021, 04:00 PM | edited on 02 Jun 2021, 04:02 PM

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

Sort by
0
Stefan
Telerik team
answered on 03 Jun 2021, 06:12 AM

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/.

Tags
Window
Asked by
Tim
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or