Downward item get weird animation behavior

[sky172839465]

Hi! I'm using react-sortable-hoc with antd table, I need sortable limit more clear for user, so I customize some border like this 👇

A few later I found a weird animation behavior when downward item, I think maybe it cause by didn't create DraggableContainer inside render, but I can't create DraggableContainer inside render, beacuse rerender DraggableContainer will unmount itself, that will cause onSortStart and onSortEnd setState throw lifecycle error... ❌

I also check dev tool downward item y axis pixel is correct, is it necessary create DraggableContainer inside render ?

⭐️ My workaround

Add transition: none !important to ignore animate when drag end.

.ignoreSortingAnimation :global .ant-table-tbody tr {
  transition: none !important;
}

• customize with collection border

  ⚠️ workaround has been comment

• render DraggableContainer inside render

  downward item weird animation gone, but can't setState in onSortStart and onSortEnd