fix: add flip fallback axis for tooltips (#458)

haiilo · Feb 15, 2024 · 7e47cf1 · 7e47cf1
1 parent f663cdb
commit 7e47cf1
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/core/src/components/cat-tooltip/cat-tooltip.tsx b/core/src/components/cat-tooltip/cat-tooltip.tsx
@@ -152,7 +152,11 @@ export class CatTooltip {
       await computePosition(this.trigger, this.tooltip, {
         strategy: 'fixed',
         placement: this.placement,
-        middleware: [offset(CatTooltip.OFFSET), flip(), shift({ padding: CatTooltip.SHIFT_PADDING })]
+        middleware: [
+          offset(CatTooltip.OFFSET),
+          flip({ fallbackAxisSideDirection: 'start' }),
+          shift({ padding: CatTooltip.SHIFT_PADDING })
+        ]
       }).then(({ x, y }) => {
         if (this.tooltip) {
           Object.assign(this.tooltip.style, {