auto arrow offset

digdir · Oct 23, 2024 · 4e34a35 · 4e34a35
1 parent 7d0b9e8
commit 4e34a35
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/react/src/components/Tooltip/Tooltip.tsx b/packages/react/src/components/Tooltip/Tooltip.tsx
@@ -93,7 +93,11 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
  placement,
  whileElementsMounted: autoUpdate,
  middleware: [
- offset(ARROW_HEIGHT + ARROW_GAP),
+ offset((data) => {
+ // get pseudo element arrow size
+ const styles = getComputedStyle(data.elements.floating, '::before');
+ return parseFloat(styles.height);
+ }),
  flip({
  fallbackAxisSideDirection: 'start',
  }),