Postponed until 📌 Investigate drag-and-drop solution that removes the need to drop items into the preview iFrame Active lands.
In order to be able to click the components in the overlay, an activationConstraint (in App.tsx) was added so that a component must be dragged 3px before dragging starts. However this conflicts with the DndKit snapCenterToCursor modifier - when you drag and move the mouse quickly the snapCenterToCursor is based on where mousedown happened, not where the mouse is when dragStart happens.
Tricky. Either remove the activationConstraint and find another way to make components clickable/selectable or write a custom modifier to replace snapCenterToCursor that somehow tracks the current mouse position, not the clientX and clientY from the event passed to it.
Some other people have reported the same issue in Dndkit https://github.com/clauderic/dnd-kit/issues/1288
Active
0.0
Page builder
This has been addressed in ✨ Refactor Layers UI to use DnDKit Active !
ui/src/features/layout/previewOverlay/snapRightToCursor.ts
https://git.drupalcode.org/project/experience_builder/-/merge_requests/1...