Элементы абсолютной позиции Angular Drag and Drop выбирают неправильный индекс

Опция cdkDropListSortingDisabled работает только при перемещении предметов в пределах одного контейнера. Если вы переходите из одного контейнера в другой, то Angular сортирует расположение блоков:

this._itemPositions = this._activeDraggables.map(drag => {
  const elementToMeasure = drag.getVisibleElement();
  return {drag, offset: 0, clientRect: getMutableClientRect(elementToMeasure)};
}).sort((a, b) => {
  return isHorizontal ? a.clientRect.left - b.clientRect.left :
                        a.clientRect.top - b.clientRect.top;
});

Поскольку вы не указали ориентацию, а по умолчанию используется вертикальная, она сортируется по позиции top.

Верхнее поле event.currentIndex всегда равно 0, потому что вы используете абсолютное позиционирование, а заполнитель всегда вверху.

Попробуйте добавить следующий стиль, чтобы увидеть, где отображается заполнитель:

.cdk-drag-placeholder {
  opacity: 1;
  background: red;
}

Чтобы исправить это, вы можете рассчитать currentIndex самостоятельно, например. как это:

const isWithinSameContainer = event.previousContainer === event.container;

let toIndex = event.currentIndex;
if (event.container.sortingDisabled) {
  const arr = event.container.data.sort((a, b) => a.top - b.top);
  const targetIndex = arr.findIndex(item => item.top > top);

  toIndex =
    targetIndex === -1
      ? isWithinSameContainer
        ? arr.length - 1
        : arr.length
      : targetIndex;
}

const item = event.previousContainer.data[event.previousIndex];
item.top = top;
item.left = left;

if (isWithinSameContainer) {
  moveItemInArray(event.container.data, event.previousIndex, toIndex);
} else {
  transferArrayItem(
    event.previousContainer.data,
    event.container.data,
    event.previousIndex,
    toIndex
  );
}

Разветвленный Stackblitz