[next] Shadow dom support?

[du33169]

The current positioning of the "cloned pseudo-dragging element" (how do you name it?) is problematic inside a shadow dom.

Preview:

CodeSandBox: https://codesandbox.io/p/sandbox/keen-bell-jm6lkv

[mjansrud]

Agreed, we are also struggling with this, styling gets totally broken.

[alicanso]

+1

[spawnxe]

seeing the same thing. Any potential workarounds?

[bakura10]

For anyone you would read this while trying to make it work with the new Polaris components, you need to make sure that the ref (on the experiemntal branch of DndKit) is applied to a div and NOT to a <s-> component. The reason is that all the <s-> components are set with display: contents, which mess all the calculations.

So instead of:

<s-grid ref={ref}>
...
</s-grid>

Make sure to do that instead:

<div ref={ref}>
  <s-grid></s-grid>
</div>

[du33169]

@clauderic Any updates? Or some guidance on where to start if someone wants to help?