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

Beautiful and accessible drag and drop for lists with React

import type { Rect } from 'css-box-model';
import type { Scrollable, DroppableDimension } from '../../types';
import { offsetRectByPosition } from '../rect';

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

  return offsetRectByPosition(area, frame.scroll.diff.value);
};