@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration/dist/cjs/utils/get-closest-positioned-element.js

An optional Pragmatic drag and drop package that enables rapid migration from react-beautiful-dnd to Pragmatic drag and drop

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getClosestPositionedElement = getClosestPositionedElement;
// eslint-disable-next-line import/no-extraneous-dependencies

/**
 * Returns the closest element with `position: absolute` or `null` if none found.
 */
function getClosestAbsolutePositionedElement(element) {
  var _getComputedStyle = getComputedStyle(element),
    position = _getComputedStyle.position;
  if (position === 'absolute') {
    return element;
  }
  var parentElement = element.parentElement;
  if (parentElement instanceof HTMLElement) {
    return getClosestAbsolutePositionedElement(parentElement);
  }
  return null;
}

/**
 * Returns the closest element that is offset relative to the scroll container.
 */
function getClosestPositionedElement(_ref) {
  var _getClosestAbsolutePo;
  var element = _ref.element,
    mode = _ref.mode;
  /**
   * We use the element directly for standard lists,
   * because we assume it is positioned in the flow.
   */
  if (mode === 'standard') {
    return element;
  }

  /**
   * For virtual lists we use the closest element with `position: absolute`,
   * as this is how virtualization libraries offset elements.
   */
  return (_getClosestAbsolutePo = getClosestAbsolutePositionedElement(element)) !== null && _getClosestAbsolutePo !== void 0 ? _getClosestAbsolutePo : element;
}