design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dees-dashboardgrid): implement collision detection during widget swap to prevent overlaps

Browse Source
This commit is contained in:
Jürgen Kunz
2025-09-18 12:37:52 +00:00
parent 792e77f824
commit 16bf8001ae
3 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ts_web/elements/dees-dashboardgrid/layout.ts
View File

@@ -164,9 +164,20 @@ export const resolveWidgetPlacement = (
// Use the original position of the moving widget for a clean swap
// This prevents the "snapping together" issue where both widgets end up at the same position
const swapTarget = original;
const previousOtherPosition = { x: otherClone.x, y: otherClone.y };
otherClone.x = swapTarget.x;
otherClone.y = swapTarget.y;
return { widgets: sourceWidgets, movedWidgets: [moving.id, otherClone.id], swappedWith: otherClone.id };
const swapValid =
collectCollisions(sourceWidgets, moving, moving.x, moving.y, moving.w, moving.h).length === 0 &&
collectCollisions(sourceWidgets, otherClone, otherClone.x, otherClone.y, otherClone.w, otherClone.h).length === 0;
if (swapValid) {
return { widgets: sourceWidgets, movedWidgets: [moving.id, otherClone.id], swappedWith: otherClone.id };
}
otherClone.x = previousOtherPosition.x;
otherClone.y = previousOtherPosition.y;
}
}
}