diff --git a/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png b/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png index de57e57c39ae..6fce05eca368 100644 Binary files a/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png and b/__snapshots__/tooltip/component/chromium/DBTooltip-after-open-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index d203bf3961b4..9152aa1a7f9a 100644 Binary files a/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/chromium-highContrast/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index ca6815ff92e4..ca58addc0ce8 100644 Binary files a/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/chromium/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png b/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png index 625a29d5473a..8acebab0b463 100644 Binary files a/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png and b/__snapshots__/tooltip/showcase/mobile-chrome/DBTooltip-should-match-screenshot-1/DBTooltip-should-match-screenshot.png differ diff --git a/packages/components/src/components/tooltip/tooltip.lite.tsx b/packages/components/src/components/tooltip/tooltip.lite.tsx index 893b3d77946e..9c518ddb62cd 100644 --- a/packages/components/src/components/tooltip/tooltip.lite.tsx +++ b/packages/components/src/components/tooltip/tooltip.lite.tsx @@ -52,8 +52,16 @@ export default function DBTooltip(props: DBTooltipProps) { return parent; }, handleAutoPlacement: (parent?: HTMLElement) => { - if (!parent) return; - if (_ref) { + if (!parent || !_ref) return; + + // Check if CSS Anchor Positioning API is supported + const supportsAnchorPositioning = + typeof window !== 'undefined' && + CSS.supports('anchor-name', '--anchor') && + CSS.supports('position-anchor', '--anchor'); + + // Fallback to existing JavaScript implementation + if (!supportsAnchorPositioning) { // This is a workaround for angular utilsDelay(() => { handleFixedPopover(