diff --git a/packages/pluggableWidgets/tooltip-web/CHANGELOG.md b/packages/pluggableWidgets/tooltip-web/CHANGELOG.md index 5ac605f06f..9c1b2baa60 100644 --- a/packages/pluggableWidgets/tooltip-web/CHANGELOG.md +++ b/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 diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowCenter-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowCenter-chromium-linux.png index ce54075020..dc2d6c1744 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowCenter-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowCenter-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowEnd-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowEnd-chromium-linux.png index 98db2b6f41..890764bce6 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowEnd-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowEnd-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowStart-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowStart-chromium-linux.png index a000bb6e20..55421ed6c0 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowStart-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipArrowStart-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipCustom-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipCustom-chromium-linux.png index 6132763187..6c9c7a698c 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipCustom-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipCustom-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionBottom-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionBottom-chromium-linux.png index bb20bcba27..77b80f04cd 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionBottom-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionBottom-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionFlipped-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionFlipped-chromium-linux.png index ecafcd547e..9e76c82290 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionFlipped-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionFlipped-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionLeft-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionLeft-chromium-linux.png index 47b5de0a04..b0e35a5c7d 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionLeft-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionLeft-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionRight-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionRight-chromium-linux.png index b18f2b6146..08ac005b6d 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionRight-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionRight-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionTop-chromium-linux.png b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionTop-chromium-linux.png index e518ba9f93..3ffc9a03f7 100644 Binary files a/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionTop-chromium-linux.png and b/packages/pluggableWidgets/tooltip-web/e2e/Tooltip.spec.js-snapshots/tooltipPositionTop-chromium-linux.png differ diff --git a/packages/pluggableWidgets/tooltip-web/src/components/__tests__/__snapshots__/Tooltip.spec.tsx.snap b/packages/pluggableWidgets/tooltip-web/src/components/__tests__/__snapshots__/Tooltip.spec.tsx.snap index 093feb2bba..21d786034a 100644 --- a/packages/pluggableWidgets/tooltip-web/src/components/__tests__/__snapshots__/Tooltip.spec.tsx.snap +++ b/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 diff --git a/packages/pluggableWidgets/tooltip-web/src/utils/useFloatingUI.ts b/packages/pluggableWidgets/tooltip-web/src/utils/useFloatingUI.ts index 03d7bdabb7..2b01bdb341 100644 --- a/packages/pluggableWidgets/tooltip-web/src/utils/useFloatingUI.ts +++ b/packages/pluggableWidgets/tooltip-web/src/utils/useFloatingUI.ts @@ -47,6 +47,7 @@ type FloatingPropsReturn = Partial> & 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,