diff --git a/packages/core/src/utils/Resizer.ts b/packages/core/src/utils/Resizer.ts index 52f511cad..e239fab4e 100644 --- a/packages/core/src/utils/Resizer.ts +++ b/packages/core/src/utils/Resizer.ts @@ -672,21 +672,17 @@ export default class Resizer { const maxDim = opts.maxDim; const deltaX = data.delta!.x; const deltaY = data.delta!.y; - const parentEl = this.getParentEl(); - const parentRect = parentEl ? this.getElementPos(parentEl) : { top: 0, left: 0, width: 0, height: 0 }; const parentW = this.parentDim!.w; const parentH = this.parentDim!.h; const unitWidth = this.opts.unitWidth; const unitHeight = this.opts.unitHeight; + const parentRect = this.getParentRect(); const startW = unitWidth === '%' ? (startDim.w / 100) * parentW : startDim.w; const startH = unitHeight === '%' ? (startDim.h / 100) * parentH : startDim.h; - // Check if the parent or any ancestor has `position: relative`, `absolute`, `fixed`, or `sticky` - const hasPositionedParent = parentEl && this.hasPositionedParent(parentEl); - const box: RectDim = { - t: hasPositionedParent ? startDim.t - parentRect.top : startDim.t, // Subtract only if parent or ancestor is positioned - l: hasPositionedParent ? startDim.l - parentRect.left : startDim.l, // Subtract only if parent or ancestor is positioned + t: startDim.t - parentRect.top, + l: startDim.l - parentRect.left, w: startW, h: startH, }; @@ -757,10 +753,19 @@ export default class Resizer { return box; } - hasPositionedParent(element: HTMLElement | null): boolean { - if (!element) return false; + getParentRect(): BoundingRect { + let parentRect = { left: 0, top: 0, width: 0, height: 0 }; + const { el } = this; + + if (!el) return parentRect; + + const { offsetParent } = el; + + // Check if the parent or any ancestor has `position: relative`, `absolute`, `fixed`, or `sticky` + if (offsetParent && offsetParent.tagName !== 'BODY') { + parentRect = this.getElementPos(offsetParent as HTMLElement); + } - // If the element's offsetParent is not the body or null, it has a positioned ancestor - return element.offsetParent !== document.body && element.offsetParent !== null; + return parentRect; } }