Begin of the insertionShould Angular components that use drag and drop be migrated to the Pragmatic-based `sortable-lists` foundation, or stay on Dragula until each surface gets its Angular → Rails/Hotwire rewrite?End of the insertion Begin of the deletion Rough thoughts:End of the deletion

Begin of the insertionThis gates step 4 of the rollout plan in #DREAM-677 — and, transitively, when the `dragula` npm dependency can be removed.

### Inventory (as of 2026-07)

**Dragula-based, via the shared Angular `DragAndDropService`** (`frontend/src/app/shared/helpers/drag-and-drop/drag-and-drop.service.ts`):

End of the insertion * Begin of the insertionBoards — `board-list.component.ts`, `board-list-container.component.ts`, `board-partitioned-page.component.ts`
* Work-package table reorder / card view / grid — `drag-and-drop-transformer.ts`, `wp-card-view.component.ts`, `wp-grid.component.ts`
* Team planner calendar — `calendar-drag-drop.service.ts`
* BIM BCF list — `bcf-list.component.ts`
* Draggable autocompleter — `draggable-autocomplete.component.ts`
* Dashboards / grids widgets — grids module

**Angular CDK drag-drop based — explicitly out of scope** (stays on CDK until the surface itselfEnd of the insertion Begin of the deletion Yes, if thereEnd of the deletion is Begin of the insertionrewritten):

* Board column reordering — `board-list-container.component.ts` (`CdkDragDrop`)
* Grids module drag handles

### Decision criteria

MigrateEnd of the insertion an Begin of the insertionAngular Dragula surface to the new foundation only if **both** hold:

1. AEnd of the insertion Begin of the deletion existing,End of the deletion supported integration Begin of the insertionpath between Pragmatic DnD / `sortable-lists` and theEnd of the insertion Begin of the deletion withEnd of the deletion Angular Begin of the insertioncomponent exists, **or**End of the insertion Begin of the deletion

* OREnd of the deletion creating Begin of the insertiononeEnd of the insertion Begin of the deletion an integrationEnd of the deletion is Begin of the insertiontrivial (<End of the insertion Begin of the deletion &quot;trivial&quot; (&lt;End of the deletion a few hours Begin of the insertionof work).
2. The surface is not already scheduled for an Angular → Rails/Hotwire rewrite that would make the DnD migration throwaway work.End of the insertion Begin of the deletion work)


No otherwiseEnd of the deletion

Begin of the insertionOtherwise: leave the surface onEnd of the insertion Begin of the deletion Only migrateEnd of the deletion Dragula Begin of the insertionuntil its rewrite, and accept that `dragula` cannot be dropped from `package.json` (#DREAM-677 step 5) while any Angular consumer remains.End of the insertion Begin of the deletion components - not CDKEnd of the deletion

Begin of the insertion### Open questions

* Boards: DnD migration in place vs. waiting for a full Hotwire rewrite of boards — which comes first on the roadmap?
* Does the Turbo morph guard approach even apply inside Angular-managed DOM, or would an Angular integration need its own registration lifecycle for Pragmatic's element attributes?End of the insertion Begin of the deletion <br>End of the deletion