{showFallback
diff --git a/src/components/clinical-dashboard/universal-search-command-surface.tsx b/src/components/clinical-dashboard/universal-search-command-surface.tsx
index 08b27a5599..d57a661956 100644
--- a/src/components/clinical-dashboard/universal-search-command-surface.tsx
+++ b/src/components/clinical-dashboard/universal-search-command-surface.tsx
@@ -256,7 +256,7 @@ function CommandDropdown({
role="listbox"
aria-label={`${mode.label} search suggestions`}
className={cn(
- "max-h-[min(55dvh,26rem)] overflow-y-auto overscroll-contain p-2",
+ "max-h-[calc(100dvh-5rem)] overflow-y-auto overscroll-contain p-2",
opensUpward ? "sm:max-h-[min(38dvh,20rem)]" : "sm:max-h-[min(42dvh,24rem)]",
)}
>
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index 608ca03a0e..5f12562fe8 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -279,6 +279,9 @@ export function Sheet({
const defaultSheetIsFullscreen = placement !== "left" && mobilePlacement === "fullscreen";
const defaultSheetIsTopAligned = placement !== "left" && mobilePlacement === "top";
const defaultSheetUsesViewportSize = placement !== "left" && mobileSize === "viewport";
+ const contentClassTokens = contentClassName?.split(/\s+/) ?? [];
+ const hasMobileMaxHeight = contentClassTokens.some((token) => /^!?max-h-/.test(token));
+ const hasSmallScreenMaxHeight = contentClassTokens.some((token) => /^sm:!?max-h-/.test(token));
const sheet = (
{sections.map((section) =>
section.items.length ? (
diff --git a/tests/clinical-dashboard-merge-artifacts.test.ts b/tests/clinical-dashboard-merge-artifacts.test.ts
index ec7ec4bdbf..f4adddebd8 100644
--- a/tests/clinical-dashboard-merge-artifacts.test.ts
+++ b/tests/clinical-dashboard-merge-artifacts.test.ts
@@ -142,6 +142,7 @@ describe("ClinicalDashboard merge-artifact guards", () => {
expect(clinicalDashboardSource).toContain("resolveMobileComposerReserve(");
expect(clinicalDashboardSource).toContain('from "@/components/clinical-dashboard/mobile-composer-reserve"');
expect(clinicalDashboardSource).not.toContain('bottomComposerHidden ? "max(0.75rem, env(safe-area-inset-bottom))"');
+ expect(clinicalDashboardSource).not.toMatch(/pb-\[max\([^"']*safe-area-inset-bottom/);
expect(clinicalDashboardSource).toContain(
'"max-sm:pb-[var(--mobile-composer-reserve)] max-sm:[scroll-padding-bottom:var(--mobile-composer-reserve)] sm:mb-24"',
);
diff --git a/tests/search-command-surface.test.ts b/tests/search-command-surface.test.ts
index acf7b99d29..cda6f996e9 100644
--- a/tests/search-command-surface.test.ts
+++ b/tests/search-command-surface.test.ts
@@ -1,4 +1,5 @@
import { describe, expect, it } from "vitest";
+import { readFileSync } from "node:fs";
import {
commandDropdownCanDisplay,
@@ -139,4 +140,14 @@ describe("search command surface", () => {
expect(differentialRedFlagTerms).toContain("confusion");
expect(differentialRedFlagTerms.length).toBeGreaterThan(3);
});
+
+ it("keeps one sm max-height cap per command dropdown placement", () => {
+ const source = readFileSync(
+ new URL("../src/components/clinical-dashboard/universal-search-command-surface.tsx", import.meta.url),
+ "utf8",
+ );
+
+ expect(source).not.toContain("sm:max-h-[min(55dvh,26rem)]");
+ expect(source).toContain('opensUpward ? "sm:max-h-[min(38dvh,20rem)]" : "sm:max-h-[min(42dvh,24rem)]"');
+ });
});
diff --git a/tests/sheet.dom.test.tsx b/tests/sheet.dom.test.tsx
index 9ff02d501d..5efc7c813b 100644
--- a/tests/sheet.dom.test.tsx
+++ b/tests/sheet.dom.test.tsx
@@ -118,4 +118,18 @@ describe("Sheet stacked-overlay coordination", () => {
expect(vi.getTimerCount()).toBe(0);
vi.useRealTimers();
});
+
+ it("keeps caller-provided mobile and small-screen height caps authoritative", () => {
+ const { getByRole } = render(
+
+ Body
+ ,
+ );
+
+ const classes = getByRole("dialog").classList;
+ expect(classes).toContain("max-h-[88dvh]");
+ expect(classes).toContain("sm:max-h-[min(80dvh,36rem)]");
+ expect(classes).not.toContain("max-h-[calc(100dvh-2rem)]");
+ expect(classes).not.toContain("sm:max-h-[88dvh]");
+ });
});