moveable-react not working properly when application runs in shadow dom

[volkansamurai]

Environments

• Framework name: React
• Framework version: 16.8.6
• Moveable Component version: 0.38.4
• Testable Address: https://codesandbox.io/s/render-in-shadow-dom-with-ssr-and-styled-components-forked-klkm7v?file=/src/App.js
• Test case: Open the test link and press delete button.

Description

When application runs in shadow dom, if you change render status of the component. It throws an error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

The source of the problem is here, if you check the 32. line of the code, styledElement not included in el:

We use shadow dom at the top levels of our app, what is the proper way to use react-moveable in shadow dom?

[daybrush]

@volkansamurai

okay. i'll fix it.

[daybrush]

@volkansamurai

moveable's new version is released. Check it again.