fix(ui): bound dropdowns during scroll

2026-07-27 14:36:35 +03:00
parent a8c8bfd89a
commit c5a6a58948
8 changed files with 100 additions and 14 deletions
@@ -0,0 +1,48 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+
+import { computeFloatingPosition } from "../packages/ui-core/dist/index.js";
+
+test("floating surface remains bounded when its anchor is above the viewport", () => {
+  const position = computeFloatingPosition({
+    anchor: {
+      top: -1888,
+      right: 1228,
+      bottom: -1842,
+      left: 940,
+      width: 288,
+      height: 46,
+    },
+    surfaceWidth: 324,
+    surfaceHeight: 144,
+    viewportWidth: 1280,
+    viewportHeight: 720,
+    viewportPadding: 8,
+  });
+
+  assert.equal(position.top, 8);
+  assert.ok(position.maxHeight <= 704);
+  assert.ok(position.maxHeight >= 0);
+});
+
+test("floating surface remains bounded when its anchor is below the viewport", () => {
+  const position = computeFloatingPosition({
+    anchor: {
+      top: 1200,
+      right: 640,
+      bottom: 1246,
+      left: 320,
+      width: 320,
+      height: 46,
+    },
+    surfaceWidth: 320,
+    surfaceHeight: 500,
+    viewportWidth: 1280,
+    viewportHeight: 720,
+    viewportPadding: 8,
+  });
+
+  assert.ok(position.top >= 8);
+  assert.ok(position.top + Math.min(500, position.maxHeight) <= 712);
+  assert.ok(position.maxHeight <= 704);
+});