+ {/* Keep mounts in the parent scroll flow: overlay scrollbars can hide a nested list. */}
+
{(disk) => {
const total = disk.total ?? 0;
diff --git a/frontend-modern/src/components/shared/cards/__tests__/DisksCard.test.tsx b/frontend-modern/src/components/shared/cards/__tests__/DisksCard.test.tsx
index acd11805bb..af0170e5e5 100644
--- a/frontend-modern/src/components/shared/cards/__tests__/DisksCard.test.tsx
+++ b/frontend-modern/src/components/shared/cards/__tests__/DisksCard.test.tsx
@@ -55,6 +55,21 @@ describe('DisksCard', () => {
expect(screen.getByText('/data')).toBeInTheDocument();
});
+ it.each([2, 24])('keeps all %i mounts in the parent scroll flow', (count) => {
+ const disks = Array.from({ length: count }, (_, i) => ({
+ mountpoint: `/mnt/disk-${i}`,
+ total: 100,
+ used: 50,
+ free: 50,
+ usage: 0.5,
+ }));
+ render(() => );
+ const mounts = screen.getByTestId('disks-card-mounts');
+ expect(mounts.children).toHaveLength(count);
+ expect(mounts.className).not.toMatch(/max-h-|overflow-|custom-scrollbar/);
+ expect(screen.getByTitle(`/mnt/disk-${count - 1}`)).toBeInTheDocument();
+ });
+
it('renders nothing when no disks are available', () => {
const { container } = render(() => );
diff --git a/tests/qualification/disk-mounts/README.md b/tests/qualification/disk-mounts/README.md
new file mode 100644
index 0000000000..b7a1fa23c2
--- /dev/null
+++ b/tests/qualification/disk-mounts/README.md
@@ -0,0 +1,49 @@
+# Disk mount visibility (#2051)
+
+The Disks card previously clipped its mount list to 140px. Its thin nested
+scrollbar was the only indication of additional mounts. The repair keeps all
+mounts in the outer scrolling flow; aggregate usage and individual mount data
+are unchanged. Large lists make the card taller rather than introducing another
+scroll target. This deliberately avoids a global scrollbar-style change.
+
+## Reproduce
+
+Install locked root and frontend-modern npm dependencies and pinned Playwright
+Firefox/Chromium browsers, then from the repository root:
+
+```sh
+pulse-heavy-run -- node tests/qualification/disk-mounts/check.mjs
+```
+
+The isolated Vite fixture imports the production card and stylesheet. It uses
+synthetic mount data, no backend, credentials or customer installation. It checks
+2 and 24 mounts in light/dark themes, list clipping and keyboard End/Tab access
+to the final mount and following control. Vite is shut down after the run.
+The qualification HTML is not an application entry or production build input.
+
+## Evidence — 11 September 2026
+
+Baseline 72809bc1cf71, Firefox 142.0.1: short list 54/54px; long list
+clientHeight=140, scrollHeight=736, overflow=auto, maxHeight=140px. The no-clipping
+assertion fails. After repair all eight Firefox 142.0.1 / Chromium 141.0.7390.37
+cases pass: short 54/54px, long 736/736px, overflow=visible, maxHeight=none.
+Keyboard checks pass in each case. Component coverage additionally preserves
+aggregate usage, all mounts and the empty state.
+
+This demonstrates the nested clipping and its removal with production CSS. It
+does not establish why Firefox 140.15 ESR on the reporter's Debian desktop hides
+its native scrollbar, nor reproduce their full drawer/estate. Reporter retest
+and release availability remain distinct from this source/browser proof.
+
+The reporter's subsequent before/after-scroll crops in comment
+https://github.com/rcourtman/Pulse/issues/2051#issuecomment-5632905322 were also
+inspected: no evident pre-scroll thumb, then a narrow pale mark beside the disk
+bars after scrolling. Removing the nested overflow eliminates that card's native
+track/thumb entirely, rather than claiming to repair Firefox painting. The
+fixture proves there is no hidden card overflow before keyboard scrolling;
+outer-page navigation still reaches every mount. Exact desktop painting remains
+unreproduced.
+
+Completion verification adds 600x500 and 1200x500 viewports: all 16 cases pass.
+Full-page narrow Firefox dark and desktop Chromium light images were inspected;
+all mounts and the focused following control remain visible without nested clipping.
diff --git a/tests/qualification/disk-mounts/check.mjs b/tests/qualification/disk-mounts/check.mjs
new file mode 100644
index 0000000000..d557bd5df6
--- /dev/null
+++ b/tests/qualification/disk-mounts/check.mjs
@@ -0,0 +1,78 @@
+import { firefox, chromium } from "@playwright/test";
+import { createServer } from "../../../frontend-modern/node_modules/vite/dist/node/index.js";
+import assert from "node:assert/strict";
+process.chdir("frontend-modern");
+const server = await createServer({
+ root: ".",
+ configFile: "vite.config.ts",
+ server: { port: 18791 },
+});
+await server.listen();
+try {
+ for (const engine of [firefox, chromium]) {
+ const browser = await engine.launch();
+ try {
+ for (const width of [600, 1200])
+ for (const theme of ["light", "dark"])
+ for (const count of [2, 24]) {
+ const page = await browser.newPage({
+ viewport: { width, height: 500 },
+ });
+ await page.goto(
+ `http://127.0.0.1:18791/qualification/disks/?theme=${theme}&count=${count}`,
+ );
+ const last = page.getByTitle(`/mnt/disk-${count - 1}`, {
+ exact: true,
+ });
+ await last.waitFor();
+ const geometry = await last.evaluate((el) => {
+ const list = el.parentElement.parentElement.parentElement;
+ const style = getComputedStyle(list);
+ return {
+ height: list.clientHeight,
+ scrollHeight: list.scrollHeight,
+ overflow: style.overflowY,
+ maxHeight: style.maxHeight,
+ };
+ });
+ console.log(
+ JSON.stringify({
+ browser: browser.version(),
+ theme,
+ width,
+ count,
+ ...geometry,
+ }),
+ );
+ assert.equal(
+ geometry.height,
+ geometry.scrollHeight,
+ "mounts must not be clipped inside a nested scroller",
+ );
+ await page.getByRole("button", { name: "Before disks" }).focus();
+ await page.keyboard.press("End");
+ await page.waitForTimeout(300);
+ await page.keyboard.press("Tab");
+ assert.equal(
+ await page
+ .getByRole("button", { name: "After disks" })
+ .evaluate((el) => el === document.activeElement),
+ true,
+ );
+ const box = await last.boundingBox();
+ assert.ok(
+ box && box.y >= 0 && box.y + box.height <= 500,
+ "last mount reachable through outer scrolling",
+ );
+ if (process.env.DISK_SCREENSHOT_DIR && count === 24) {
+ await page.screenshot({path: `${process.env.DISK_SCREENSHOT_DIR}/${engine.name()}-${theme}-${width}.png`, fullPage:true});
+ }
+ await page.close();
+ }
+ } finally {
+ await browser.close();
+ }
+ }
+} finally {
+ await server.close();
+}