fix: add touch-pan-y to search listbox to enable scrolling on iOS

This commit is contained in:
2026-05-28 20:59:12 -04:00
parent 5143a0ee76
commit 1201b238b1
4 changed files with 5 additions and 6 deletions
+1 -2
View File
@@ -13,8 +13,7 @@ Stanza is a [shadcn](https://ui.shadcn.com/docs)-style CLI for assembling modula
## Why Stanza
- **`add` works after `init`.** Run `stanza add` on an existing project. It reads your `stanza.json` manifest, resolves peer constraints, and picks the right adapter for your stack — so adding auth to a Next + Drizzle app writes
different code than adding it to a TanStack Start + Prisma app.
- **`add` works after `init`.** Run `stanza add` on an existing project. It reads your `stanza.json` manifest, resolves peer constraints, and picks the right adapter for your stack — so adding auth to a Next + Drizzle app writes different code than adding it to a TanStack Start + Prisma app.
- **Your code, vendored.** Generated files land in your repo verbatim. There's no `@stanza/runtime` package to install, and nothing to upgrade out from under you — the code is yours to edit.
- **Open registry.** Modules are plain static JSON. The CLI ships with a default registry, but you can point it at your own host with `STANZA_REGISTRY` and serve custom modules.
@@ -129,7 +129,7 @@ function CopyMarkdownButton({ markdownPath }: { markdownPath: string }) {
variant="outline"
size="sm"
className={cn(
"shrink-0 gap-1.5 px-2.5! text-[13px] leading-none",
"shrink-0 gap-1.5 pr-3! pl-2.5! text-[13px] leading-none font-normal",
copied && "cursor-default",
)}
aria-label={copied ? "Copied" : "Copy Page"}
@@ -142,7 +142,7 @@ function CopyMarkdownButton({ markdownPath }: { markdownPath: string }) {
) : (
<IconCopy aria-hidden="true" data-icon="inline-start" />
)}
<span>{copied ? "Copied" : "Copy Page"}</span>
<span>Copy Page</span>
</Button>
<span aria-live="polite" className="sr-only">
{copied ? "Page markdown copied to clipboard" : ""}
@@ -258,7 +258,7 @@ export function SiteSearch({ registry, docs }: { registry: RegistryIndex; docs:
id="site-search-listbox"
role="listbox"
aria-label="Search results"
className="max-h-72 overflow-x-hidden overflow-y-auto overscroll-contain p-1"
className="max-h-72 touch-pan-y overflow-x-hidden overflow-y-auto overscroll-contain p-1"
>
{flat.length === 0 ? (
<div
+1 -1
View File
@@ -84,7 +84,7 @@ function TooltipContent({
<Popup
data-slot="tooltip-content"
className={cn(
"relative z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 overflow-visible rounded-none bg-foreground px-2 py-1 text-xs text-background shadow-md selection:bg-background selection:text-foreground has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-none data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
"relative z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 overflow-visible rounded-none bg-foreground px-2 py-1.5 text-xs text-background shadow-md selection:bg-background selection:text-foreground has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-none data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
className,
)}
{...props}