Window in Splitter bar pane

[nelsonad]

I'm submitting a...

• Bug report The Window component does not work nicely inside a Splitter pane.

Current behavior

I want to support multiple windows (opened by the side nav), their initial state should be maximized. But on initial load, the maximized window is taking up the full browser real estate rather than it's designated appendTo element. Upon minimizing, the window then falls within it's appendTo target, but then when trying to maximize it back up, we see a javascript error.

Expected behavior

The window should respect the appendTo value on initial load

Minimal reproduction of the problem with instructions

Open https://stackblitz.com/edit/react-gzf9km?file=app%2Fmain.jsx Notice the maximized window outside it's appendTo target. (bug 1) Minimize the window. Maximize the window. (bug 2)

What is the motivation or use case for changing the behavior?

Support an application interface in which the user can use side bar navigation to open multiple windows at once so they dont lose state while working within the application like what happens in most SPAs.

Environment

Package versions:

"@progress/kendo-licensing": "1.2.2",
    "@progress/kendo-react-animation": "5.5.0",
    "@progress/kendo-react-buttons": "^5.0.0",
    "@progress/kendo-react-dialogs": "5.5.0",
    "@progress/kendo-react-intl": "5.5.0",
    "@progress/kendo-react-layout": "5.5.0",
    "@progress/kendo-react-progressbars": "5.5.0"

Browser:

• Edge version 102

System:

• Stackblitz: https://stackblitz.com/edit/react-gzf9km?file=app%2Fmain.jsx

Other Notes: I would also like to know how I can update the width of a window as the splitter pane is resized so that when maximized it does not introduce a scroll bar