Block all content with a Window

Environment

Product

Window for Blazor

Description

Scroll the page down and show a window, then maximize it. It can have a different result and behavior with relation to the scrolling behavior and what you see depending on how the project layout is configured to scroll.

Solution

You need to ensure that the scrollbars in the project appear where you want them to get the desired behavior. For example, if you want all the content blocked by a maximized window, you need to make sure the app content matches the viewport (like the window does) and that scrollbars appear in an element inside that layout, rather than on the html element.

You can find an example of the difference and some sample CSS rules for a basic layout in the following project: https://github.com/telerik/blazor-ui/tree/master/window/block-all-content