fix(tooltop): shift tooltip when overflow on x-axis.

Milkdown · Nov 8, 2024 · 7892c6e · 7892c6e
1 parent a1262cf
commit 7892c6e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/plugins/plugin-tooltip/src/tooltip-provider.ts b/packages/plugins/plugin-tooltip/src/tooltip-provider.ts
@@ -3,7 +3,7 @@ import { TextSelection } from '@milkdown/prose/state'
 import type { EditorView } from '@milkdown/prose/view'
 import debounce from 'lodash.debounce'
 import type { VirtualElement } from '@floating-ui/dom'
-import { computePosition, flip, offset } from '@floating-ui/dom'
+import { computePosition, flip, offset, shift } from '@floating-ui/dom'
 import { posToDOMRect } from '@milkdown/prose'
 
 /// Options for tooltip provider.
@@ -84,7 +84,7 @@ export class TooltipProvider {
     }
     computePosition(virtualEl, this.element, {
       placement: 'top',
-      middleware: [flip(), offset(this.#offset)],
+      middleware: [flip(), offset(this.#offset), shift()],
     })
       .then(({ x, y }) => {
         Object.assign(this.element.style, {