Cannot fly out panes after all panes have been unpinned with 100% height for the dock manager in a Blazor Web App

[agoldenbaum]

Steps to Reproduce:

1. Run the attached sample project.
2. Unpin all panes in the dock manager.
3. Click on the unpinned panes.

Result:
Panes do not fly-out

Expected Result:
Panes should fly out

IGDockmanager.zip

[teodosiah]

@agoldenbaum
After looking into the attached sample, I have determined that the issue is not in the dock manager component but because the outermost div with class 'page' does not have height set. The dock manager, as well as the panes container and flyout pane area (where the panes are opened) have height set to 100%.

As a result the panes container height will be 0 and the panes will not be visible.
Having this in mind, I could suggest to set the height of the first div element.

[Gowtham-ms]

Thanks, @teodosiah ! Adding a height to the outermost div seems to have resolved the issue. I initially thought the Dock Manager would handle the height automatically.