https://sonarly.com/issue/17390?type=bug
Kanban board drops only register near the top of target columns because the `@hello-pangea/dnd` placeholder was moved outside the `innerRef` container, breaking the library's droppable area measurement.
Fix: **What changed:**
Moved `droppableProvided.innerRef` and `droppableProvided.droppableProps` from `StyledColumnCardsContainer` (inside the memo boundary) up to `StyledColumn` in `RecordBoardColumn.tsx` (outside the memo boundary). This ensures both the card list and the placeholder are children of the `innerRef` element, which is required by `@hello-pangea/dnd` for correct droppable area measurement.
**RecordBoardColumn.tsx:**
- Added `ref={droppableProvided.innerRef}` and `{...droppableProvided.droppableProps}` to `StyledColumn`
- Removed `droppableProvided` from props passed to `RecordBoardColumnCardsContainer`
**RecordBoardColumnCardsContainer.tsx:**
- Removed `droppableProvided` from component props and type definition
- Removed `ref` and spread of `droppableProps` from `StyledColumnCardsContainer`
- Removed unused `DroppableProvided` type import
**Why this works:**
The `DragAndDropLibraryLegacyReRenderBreaker` (React.memo wrapper) blocks re-renders of the card list during drag — this is the performance optimization from PR #15714. Previously, to work around this, the placeholder was placed outside the `innerRef` container, breaking drop zone detection. By lifting `innerRef` to the parent `StyledColumn`, both the memo'd cards and the placeholder live inside the `innerRef` DOM element, satisfying the library's requirements while preserving the performance optimization.
Sonarly Claude Code
d9757c2da7