Possible to stop floating windows being dragged outside visible dockview area?

[lexwebb]

I'm new to dockview and I've been doing some experimenting in my app. I want to use a mix of floating and docked windows and I've noticed it's possible to drag the floating windows outside of the general dockview area.

Is there a built in way to prevent this behavior, and constrain the dragging of windows to only the Dockview area? I haven't been able to find anything in the docs or issues about it, but i'm happy to be proven otherwise!

[mathuo]

There is a hardcoded limit as to how far you can drag a panel outside of the main viewport which is currently set to 100px in both height and width meaning that a minimum of 100px in both the height and width direction must be within the main viewport. For example as seen below.

For those interested this is code.

If you was to set the overflow: hidden on the class dv-dockview this would prevent the floating grouped "leaving" the viewport.

.dv-dockview {
    overlay: hidden;
}

Adding this custom css would result in something like below for the same original example.

Can I ask are you trying to simply constrain the floating groups within the viewport as with the above css example or are you trying to achieve a stricter approach where the entire floating group should remain entirely within the viewport? Either way I'm happy to include more information on this in the documentation and/or look at adding customization options for the above if required.

[lexwebb]

The latter, stricter approach. It would be nice for my use-case if the groups could be fully constrained in the bounds of the viewport. At least the header of the group, so you could move the body of the group bellow of screen but the entire header would always be visible.

[mathuo]

Addressed in v.1.8.3 and described in the documentation here