fix: apply offsetParent polyfill for Chrome 109+

package.json

@@ -70,7 +70,7 @@
     "url": "git+https://github.com/Esri/calcite-components.git"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.1.0",
+    "@floating-ui/dom": "1.2.1",
     "@stencil/core": "2.20.0",
     "@types/color": "3.0.3",
     "color": "4.2.3",

src/utils/floating-ui.ts

@@ -27,29 +27,44 @@ async function patchFloatingUiForNonChromiumBrowsers(): Promise<void> {
     platform: string;
   }
 
+  function getUAData(): NavigatorUAData | undefined {
+    return (navigator as any).userAgentData;
+  }
+
   function getUAString(): string {
-    const uaData = (navigator as any).userAgentData as NavigatorUAData | undefined;
+    const uaData = getUAData();
+
+    return uaData?.brands
+      ? uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(" ")
+      : navigator.userAgent;
+  }
+
+  function isChrome109OrAbove(): boolean {
+    const uaData = getUAData();
 
     if (uaData?.brands) {
-      return uaData.brands.map((item) => `${item.brand}/${item.version}`).join(" ");
+      return !!uaData.brands.find(
+        ({ brand, version }) => (brand === "Google Chrome" || brand === "Chromium") && Number(version) >= 109
+      );
     }
 
-    return navigator.userAgent;
+    return !!navigator.userAgent.split(" ").find((ua) => {
+      const [browser, version] = ua.split("/");
+
+      return browser === "Chrome" && parseInt(version) >= 109;
+    });
   }
 
   if (
     Build.isBrowser &&
     config.floatingUINonChromiumPositioningFix &&
     // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
-    /firefox|safari/i.test(getUAString())
+    (/firefox|safari/i.test(getUAString()) || isChrome109OrAbove())
   ) {
-    const { getClippingRect, getElementRects, getOffsetParent } = await import(
-      "./floating-ui/nonChromiumPlatformUtils"
-    );
+    const { offsetParent } = await import("./floating-ui/utils");
 
-    platform.getClippingRect = getClippingRect;
-    platform.getOffsetParent = getOffsetParent;
-    platform.getElementRects = getElementRects as any;
+    const originalGetOffsetParent = platform.getOffsetParent;
+    platform.getOffsetParent = (element: Element) => originalGetOffsetParent(element, offsetParent);
   }
 }