diff --git a/src/components/admin/admin-shell.tsx b/src/components/admin/admin-shell.tsx index a7601abf6..65a764c62 100644 --- a/src/components/admin/admin-shell.tsx +++ b/src/components/admin/admin-shell.tsx @@ -171,7 +171,11 @@ export function AdminShell({ active, children }: AdminShellProps) { if (!activeChip) return; activeChip.scrollIntoView({ block: "nearest", - inline: "center", + // v1.4.36 W4b — `inline: "start"` pins the active chip to the + // left edge of the scroller. `inline: "center"` over-scrolled + // and the first one or two chips were unreachable on narrow + // viewports. + inline: "start", behavior: "smooth", }); }, [activeSlug]); diff --git a/src/components/settings/settings-shell.tsx b/src/components/settings/settings-shell.tsx index dca91628b..bd03d5bcd 100644 --- a/src/components/settings/settings-shell.tsx +++ b/src/components/settings/settings-shell.tsx @@ -164,7 +164,11 @@ export function SettingsShell({ active, children }: SettingsShellProps) { if (!active) return; active.scrollIntoView({ block: "nearest", - inline: "center", + // v1.4.36 W4b — `inline: "start"` pins the active chip to the + // left edge of the scroller. `inline: "center"` over-scrolled + // and the first one or two chips were unreachable on narrow + // viewports. + inline: "start", behavior: "smooth", }); }, [activeSlug]);