@hello-pangea/dnd/src/state/with-scroll-change/with-droppable-displacement.ts

Beautiful and accessible drag and drop for lists with React

import type { Position } from 'css-box-model';
import { add } from '../position';
import type { Scrollable, DroppableDimension } from '../../types';

export default (droppable: DroppableDimension, point: Position): Position => {
  const frame: Scrollable | null = droppable.frame;
  if (!frame) {
    return point;
  }

  return add(point, frame.scroll.diff.displacement);
};