seemore 1.5.1 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seemore",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Let AI write the Markdown. Let seemore show it better — zero config documentation framework.",
   "license": "MIT",
   "type": "module",

package/src/app/search/SearchDialog.tsx

@@ -87,8 +87,11 @@ export function SearchDialog(props: SharedProps) {
         void navigate(withHighlight(stripBase(config.base, item.url), search), { viewTransition: true });
       }}
     >
-      <SearchDialogOverlay />
-      <SearchDialogContent>
+      {/* The sticky header is `z-50` too, and it renders after this portal in the DOM — at
+          mobile's `top-4` it wins the tie and paints over the input row. fumadocs' own header
+          is `z-30`, so theirs never meets this; ours needs the dialog lifted above it. */}
+      <SearchDialogOverlay className="z-[60]" />
+      <SearchDialogContent className="z-[60]">
         <SearchDialogHeader>
           <SearchDialogIcon />
           {/*

package/src/app/styles/globals.css

@@ -398,5 +398,16 @@
   }
 }
 
+/* Unlayered, deliberately: fumadocs' `max-h-[460px]` utility lives in Tailwind's utilities
+   layer, which beats anything in `@layer components` regardless of specificity. fumadocs
+   caps the results list at 460px, but the dialog opens at `top-4` plus a ~3.5rem input row,
+   so on a short (landscape phone) viewport the list runs past the fold with its bottom
+   unreachable. Bind it to the real viewport height there instead. */
+@media (max-height: 600px) {
+  [role='dialog'] [class*='max-h-[460px]'] {
+    max-height: calc(100dvh - 6rem);
+  }
+}
+
 /* seemore:user-css — the stylesheet named by `css` in seemore.config.ts is inlined here, at
    the very end, so that it wins against everything above it. */