Flip popover placement automatically to prevent overflow (#2156)

2022-11-01 02:39:55 +01:00 · 2022-11-01 02:39:55 +01:00 · bf34ac7767
commit bf34ac7767
parent 6514ec5796
1 changed files with 2 additions and 0 deletions
--- a/ts/sveltelib/position/position-floating.ts
+++ b/ts/sveltelib/position/position-floating.ts
@ -12,6 +12,7 @@ import {
    arrow,
    autoPlacement,
    computePosition,
+    flip,
    hide,
    inline,
    offset,
@ -46,6 +47,7 @@ function positionFloating({
        floating: FloatingElement,
    ): Promise<void> {
        const middleware: Middleware[] = [
+            flip(),
            offset(offsetArg),
            shift({ padding: shiftArg }),
            arrow({ element: arrowElement, padding: 5 }),