Fix scroll bounds for long select dropdowns (#4798)

Co-authored-by: Xvvln <180168103+Xvvln@users.noreply.github.com>
This commit is contained in:
ayxwi
2026-07-01 11:57:17 +08:00
committed by GitHub
parent 8f484c54ce
commit ab3e628bad
2 changed files with 30 additions and 1 deletions
@@ -0,0 +1,29 @@
import fs from "node:fs";
import path from "node:path";
import { describe, expect, it } from "vitest";
const SELECT_TSX = path.resolve(
__dirname,
"..",
"..",
"src",
"components",
"ui",
"select.tsx",
);
describe("SelectContent scroll bounds", () => {
const source = fs.readFileSync(SELECT_TSX, "utf8");
it("limits popper content to the available viewport height", () => {
expect(source).toContain("--radix-select-content-available-height");
expect(source).toContain(
"max-h-[min(24rem,var(--radix-select-content-available-height))]",
);
});
it("allows long option lists to scroll vertically", () => {
expect(source).toContain("overflow-y-auto");
expect(source).toContain("overflow-x-hidden");
});
});