Enhance Window Popout Features

[mathuo]

• Reposition panels in the same position after the popout window is closed when possible
• Expose the underlying Window/Document object for Popout windows
• General internal improvements to the handling of window popouts
• Support 'always' rendering mode in Popouts

[sachnk]

Hey @mathuo --

Any chance this would be included in the 1.9.3 release of dockview? And if so, any rough ideas on when that might be?

Trying to figure out on my end if I should build against my fork or wait for the official release. Appreciate all the great work you're doing on this library!

Thanks!

[mathuo]

I can put this into 1.9.3 within the next couple of days.

Could you describe your use-case for the lifecycle events just in-case I can think of any extra additons that may be useful for these popout windows too?

[sachnk]

Awesome, great to hear!

The use-case is specific to issues with popouts described in FlexLayout. When a new window is opened, and a react portal is mapped to the new window's DOM, libraries that rely on referencing window.document tend to break.

We specifically use react-laag for drop-down menus and such. We pass the current window.document to react-laag via its props. The FlexLayout documentation suggests using this.selfRef.current.ownerDocument.defaultView as way to get the current window.document. However, in practice I've found that this doesn't always work. In particular, once a react component is mapped to the new window, I've found this value to be incorrect at times (though sometimes it's right).

That value can't ever be wrong, because it means a drop-down menu would render off-window, which is pretty bad. To eliminate that possibility, I use the onWindow* events to explicitly set the window.document when passed to libraries like react-laag.

[mathuo]

Ok so what I've done is published this branch as an experimental build which can be installed from npm by running:

npm install [email protected]

I'm going to investigate more an easy way to provide access to the underlying document/window object of the popout windows when groups are in this state.

[mathuo]

Released in 1.10.0 https://dockview.dev/