[WC-3268] position tooltip as fixed to break out of other widgets clipping

packages/pluggableWidgets/tooltip-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where the tooltip would cause scrollbars to appear in some cases.
+
 ## [1.4.2] - 2024-10-31
 
 ### Fixed

packages/pluggableWidgets/tooltip-web/src/components/__tests__/__snapshots__/Tooltip.spec.tsx.snap

@@ -21,7 +21,7 @@ exports[`Tooltip render DOM structure 1`] = `
       data-floating-ui-focusable=""
       id=":r0:"
       role="tooltip"
-      style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);"
+      style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
       tabindex="-1"
     >
       Tooltip text

packages/pluggableWidgets/tooltip-web/src/utils/useFloatingUI.ts

@@ -47,6 +47,7 @@ type FloatingPropsReturn = Partial<UseFloatingReturn<ReferenceElement>> &
 export function useFloatingUI(props: FloatingProps): FloatingPropsReturn {
     const { position, showTooltip, setShowTooltip, arrowElement, openOn } = props;
     const { refs, floatingStyles, context, middlewareData, placement } = useFloating({
+        strategy: "fixed",
         placement: position,
         open: showTooltip,
         onOpenChange: setShowTooltip,