Drag and drop not working for iFrame panels within a Shadow DOM

[Ben-Barron]

disableIFramePointerEvents() doesn't work when within a Shadow DOM, so you can't use drag'n'drop with iFrames in a Shadow DOM.

At a guess, you could fix by passing this.el.ownerDocument into the method call here.

I was unable to find any workarounds based on the exposed event handlers.

[Ben-Barron]

.ownerDocument won't work actually, https://developer.mozilla.org/en-US/docs/Web/API/Node/getRootNode is more appropriate as it'll work in Shadow DOM or not (according to docs)

[mathuo]

This is an interesting one. For this to work at the time of the drag event starting you need to find every iframe element that exists within the standard and shadow DOM.

As far I know there is no method for "give me all shadow DOMs" so the best I have current is this which I am not a fan of due to the use of querySelectorAll('*')...

If anybody has a better solution I would love to hear it!

I could potentially include my change, perhaps with a optional flag to explicitly enable this behaviour since the querySelectorAll('*') has the potential to be an expensive call but I would like to leave this issue open for a while to see if any suggestions role in.

[mathuo]

Fixed in 4.1.0. See https://github.com/mathuo/dockview/releases/tag/v4.1.0