react-beautiful-dnd-next/src/state/with-scroll-change/with-droppable-scroll.js

Beautiful and accessible drag and drop for lists with React

// @flow
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 = droppable.frame;
  if (!frame) {
    return point;
  }

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