You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

62 lines
3.3 KiB

  1. import getClippingRect from "../dom-utils/getClippingRect.js";
  2. import getDocumentElement from "../dom-utils/getDocumentElement.js";
  3. import getBoundingClientRect from "../dom-utils/getBoundingClientRect.js";
  4. import computeOffsets from "./computeOffsets.js";
  5. import rectToClientRect from "./rectToClientRect.js";
  6. import { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from "../enums.js";
  7. import { isElement } from "../dom-utils/instanceOf.js";
  8. import mergePaddingObject from "./mergePaddingObject.js";
  9. import expandToHashMap from "./expandToHashMap.js"; // eslint-disable-next-line import/no-unused-modules
  10. export default function detectOverflow(state, options) {
  11. if (options === void 0) {
  12. options = {};
  13. }
  14. var _options = options,
  15. _options$placement = _options.placement,
  16. placement = _options$placement === void 0 ? state.placement : _options$placement,
  17. _options$boundary = _options.boundary,
  18. boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
  19. _options$rootBoundary = _options.rootBoundary,
  20. rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
  21. _options$elementConte = _options.elementContext,
  22. elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
  23. _options$altBoundary = _options.altBoundary,
  24. altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
  25. _options$padding = _options.padding,
  26. padding = _options$padding === void 0 ? 0 : _options$padding;
  27. var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
  28. var altContext = elementContext === popper ? reference : popper;
  29. var popperRect = state.rects.popper;
  30. var element = state.elements[altBoundary ? altContext : elementContext];
  31. var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
  32. var referenceClientRect = getBoundingClientRect(state.elements.reference);
  33. var popperOffsets = computeOffsets({
  34. reference: referenceClientRect,
  35. element: popperRect,
  36. strategy: 'absolute',
  37. placement: placement
  38. });
  39. var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
  40. var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
  41. // 0 or negative = within the clipping rect
  42. var overflowOffsets = {
  43. top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
  44. bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
  45. left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
  46. right: elementClientRect.right - clippingClientRect.right + paddingObject.right
  47. };
  48. var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element
  49. if (elementContext === popper && offsetData) {
  50. var offset = offsetData[placement];
  51. Object.keys(overflowOffsets).forEach(function (key) {
  52. var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
  53. var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';
  54. overflowOffsets[key] += offset[axis] * multiply;
  55. });
  56. }
  57. return overflowOffsets;
  58. }