Flex box "align-items" or "justify-content" causes drop area not right

[awesomeWay]

Describe the bug List item is unable to be added properly to group container with either flex position properties align-content,flex-wrapaccompanied to flex parent.

To Reproduce Steps to reproduce the behavior:

1. Go to group css container that holds the list
2. Change properties to following

  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;

Expected behavior

https://github.com/SortableJS/Sortable/assets/27142683/d6d08149-dbf2-4300-824d-1e3165a1d3cd

Information sortablejs = ^1.15.1

Reproduction codesandbox: https://stackblitz.com/edit/react-yqho1b?file=src%2Fstyle.css,src%2FCenter.js,src%2FLeft.js,src%2Findex.js