fix(core): iframe support in floating dom controller

Author: bennypowers

.changeset/stale-moments-drive.md

@@ -0,0 +1,6 @@
+---
+"@patternfly/pfe-core": patch
+---
+
+`FloatingDOMController`: support usage within iframes
+  

core/pfe-core/controllers/floating-dom-controller.ts

@@ -839,7 +839,7 @@ function getOverflowAncestors(
 ): OverflowAncestors {
   const scrollableAncestor = getNearestOverflowAncestor(node);
   const isBody = scrollableAncestor === node.ownerDocument?.body;
-  const win = window;
+  const win = scrollableAncestor.ownerDocument?.defaultView ?? window;
 
   if (isBody) {
     const frameElement = getFrameElement(win);
@@ -1269,8 +1269,8 @@ function getScale(element: Element): Coords {
  * @param element - The element to get visual offsets for
  * @returns Coordinates object with x and y offsets
  */
-function getVisualOffsets(): Coords {
-  const win = window;
+function getVisualOffsets(element: Element): Coords {
+  const win = element.ownerDocument?.defaultView ?? window;
   if (!isWebKit() || !win.visualViewport) {
     return noOffsets;
   }
@@ -1323,16 +1323,17 @@ function getBoundingClientRect(
     }
   }
   const visualOffsets = shouldAddVisualOffsets(isFixedStrategy, offsetParent) ?
-    getVisualOffsets()
+    getVisualOffsets(element)
     : createCoords(0);
   let x = (clientRect.left + visualOffsets.x) / scale.x;
   let y = (clientRect.top + visualOffsets.y) / scale.y;
   let width = clientRect.width / scale.x;
   let height = clientRect.height / scale.y;
   if (element) {
-    const win = window;
-    const offsetWin = offsetParent
-      && isElement(offsetParent) ? window : offsetParent;
+    const win = element.ownerDocument?.defaultView ?? window;
+    const offsetWin = offsetParent && isElement(offsetParent) ?
+      offsetParent.ownerDocument?.defaultView ?? window
+      : offsetParent;
     let currentWin = win;
     let currentIFrame = getFrameElement(currentWin);
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
@@ -1349,7 +1350,7 @@ function getBoundingClientRect(
       height *= iframeScale.y;
       x += left;
       y += top;
-      currentWin = window;
+      currentWin = currentIFrame.ownerDocument?.defaultView ?? window;
       currentIFrame = getFrameElement(currentWin);
     }
   }
@@ -1487,7 +1488,7 @@ function getDocumentRect(element: Element): Rect {
  * @returns Rect object with viewport dimensions and position
  */
 function getViewportRect(element: Element, strategy: Strategy): Rect {
-  const win = window;
+  const win = element.ownerDocument?.defaultView ?? window;
   const html = getDocumentElement(element)!;
   const { visualViewport } = win;
   const width = visualViewport ? visualViewport.width : html.clientWidth;
@@ -1552,7 +1553,7 @@ function getClientRectFromClippingAncestor(
   } else if (isElement(clippingAncestor)) {
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
-    const visualOffsets = getVisualOffsets();
+    const visualOffsets = getVisualOffsets(element);
     rect = {
       x: clippingAncestor.x - visualOffsets.x,
       y: clippingAncestor.y - visualOffsets.y,
@@ -1768,7 +1769,7 @@ function getTrueOffsetParent(element: Element, polyfill?: (element: Element) =>
  */
 function getOffsetParent(element: Element, polyfill?: (element: Element) =>
   Element | null): Element | Window {
-  const win = window;
+  const win = element.ownerDocument?.defaultView ?? window;
   if (isTopLayer(element)) {
     return win;
   }