mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
JosephandGitHub
b59fae0429
Dynamic pages (all pages in dev), blur and select the body as `activeElement`. - [x] e2e for https://github.com/vercel/next.js/issues/96050 - [ ] attempt a fix that prevents blur
24 lines
711 B
TypeScript
24 lines
711 B
TypeScript
import { Suspense } from 'react'
|
|
import { connection } from 'next/server'
|
|
import { SearchBox } from './search-box'
|
|
|
|
// Dynamic via connection() (works in plain and Cache Components builds; unlike
|
|
// `export const dynamic`, which Cache Components rejects). A search-param nav is
|
|
// then a SearchParamOnlyChange, which is what allocates a scroll target.
|
|
async function Dynamic() {
|
|
await connection()
|
|
return <SearchBox testId="search-input" />
|
|
}
|
|
|
|
export default function Page() {
|
|
return (
|
|
<>
|
|
<Suspense>
|
|
<Dynamic />
|
|
</Suspense>
|
|
{/* Tall enough to scroll, so the scroll-to-top assertion is meaningful. */}
|
|
<div data-testid="spacer" style={{ height: 3000 }} />
|
|
</>
|
|
)
|
|
}
|