Keep horizontal scrollbar in main workspace

2026-08-05 23:29:05 +02:00
parent 19c6ee90e1
commit aa138b62ad
4 changed files with 22 additions and 3 deletions
@@ -121,6 +121,23 @@ test("workspace columns collapse and expand without leaving a gap", async ({ pag
  await expect(page.locator(".catalog-screen")).not.toHaveClass(/workspace-collapsed/);
 });

+test("main workspace keeps a bottom horizontal scrollbar for wide data", async ({ page }) => {
+  await page.setViewportSize({ width: 1061, height: 912 });
+  await page.goto("/");
+
+  const scrollState = await page.locator(".main-workspace .table-wrap").evaluate((element) => {
+    const style = getComputedStyle(element);
+    return {
+      overflowX: style.overflowX,
+      clientWidth: element.clientWidth,
+      scrollWidth: element.scrollWidth,
+    };
+  });
+
+  expect(scrollState.overflowX).toBe("auto");
+  expect(scrollState.scrollWidth).toBeGreaterThan(scrollState.clientWidth);
+});
+
 test("uses one shared height for the top panel headers", async ({ page }) => {
  await page.goto("/");
  const heights = await page.locator("#sidebarDrawer .sidebar-drawer-header, .secondary-panel .column-header, .main-workspace .column-header").evaluateAll((elements) => elements.map((element) => Math.round(element.getBoundingClientRect().height)));