Try replacing DND-Kit with core Draggable component

[fabiankaegy]

I just stumbled across the fact that core has a Draggable component. It would be great to not have to include / bundle all of DND-Kit in the block components and instead leverage the bundled solution

[Sidsector9]

I've tried working in this one last week, then found Draggable does not work inside the block editor.

[fabiankaegy]

@Sidsector9 just making sure, I was suggesting we use this component here: https://github.com/WordPress/gutenberg/tree/24f9ca62b0b83d3832233d276fea564b1714a172/packages/components/src/draggable

[Sidsector9]

@fabiankaegy yep, that's the component I was trying to use.

[fabiankaegy]

Hmm okay that is annoying then

[Sidsector9]

I'm working on a Vanilla JS solution for reordering in React Components. This'll help to not use Dnd-kit. This is working in a simple React App, trying to figure out how best to use it with a component like Repeater.

Screen.Recording.2024-08-19.at.1.16.59.PM.mov

[Sidsector9]

Update

This is working well within Inspector Controls, but not within blocks.

Note: There's something weird going on. Whenever Yoast is disabled, Repeater (develop branch) breaks. I'm not sure why.

Screen.Recording.2024-08-19.at.6.09.26.PM.mov