Change unaligned behavior to keep top and left edges visible

Macil · Sep 29, 2023 · 5c62704 · 5c62704
1 parent 0a058aa
commit 5c62704
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -261,16 +261,16 @@ function positionAndAlign(
         left = Math.ceil(anchorRect.right - elRect.width);
         break;
       case "unaligned": {
-        left = Math.max(
-          buffers.all + buffers.left,
-          Math.round((anchorRect.left + anchorRect.right - elRect.width) / 2),
+        left = Math.round(
+          (anchorRect.left + anchorRect.right - elRect.width) / 2,
         );
         const overhang = Math.ceil(
           left + elRect.width + buffers.all + buffers.right - window.innerWidth,
         );
         if (overhang > 0) {
           left -= overhang;
         }
+        left = Math.max(buffers.all + buffers.left, left);
         break;
       }
       default:
@@ -290,9 +290,8 @@ function positionAndAlign(
         top = Math.ceil(anchorRect.bottom - elRect.height);
         break;
       case "unaligned": {
-        top = Math.max(
-          buffers.all + buffers.top,
-          Math.round((anchorRect.top + anchorRect.bottom - elRect.height) / 2),
+        top = Math.round(
+          (anchorRect.top + anchorRect.bottom - elRect.height) / 2,
         );
         const overhang = Math.ceil(
           top +
@@ -304,6 +303,7 @@ function positionAndAlign(
         if (overhang > 0) {
           top -= overhang;
         }
+        top = Math.max(buffers.all + buffers.top, top);
         break;
       }
       default:
@@ -337,16 +337,16 @@ function positionAndAlign(
         left = Math.round(anchorRect.right - elRect.width);
         break;
       case "unaligned": {
-        left = Math.max(
-          buffers.all + buffers.left,
-          Math.round((anchorRect.left + anchorRect.right - elRect.width) / 2),
+        left = Math.round(
+          (anchorRect.left + anchorRect.right - elRect.width) / 2,
         );
         const overhang = Math.ceil(
           left + elRect.width + buffers.all + buffers.right - window.innerWidth,
         );
         if (overhang > 0) {
           left -= overhang;
         }
+        left = Math.max(buffers.all + buffers.left, left);
         break;
       }
       default:
@@ -380,9 +380,8 @@ function positionAndAlign(
         top = Math.round(anchorRect.bottom - elRect.height);
         break;
       case "unaligned": {
-        top = Math.max(
-          buffers.all + buffers.top,
-          Math.round((anchorRect.top + anchorRect.bottom - elRect.height) / 2),
+        top = Math.round(
+          (anchorRect.top + anchorRect.bottom - elRect.height) / 2,
         );
         const overhang = Math.ceil(
           top +
@@ -394,6 +393,7 @@ function positionAndAlign(
         if (overhang > 0) {
           top -= overhang;
         }
+        top = Math.max(buffers.all + buffers.top, top);
         break;
       }
       default: