From 8eab8ffe4e2e2d479875cc9d70d572b4be694026 Mon Sep 17 00:00:00 2001 From: lee-eojin Date: Tue, 23 Jun 2026 20:50:54 +0900 Subject: [PATCH] docs: cap height of artificially-slow example output (#8486) --- .../reference/react/useDeferredValue.md | 4 ++++ src/content/reference/react/useTransition.md | 20 +++++++++++++++++++ 2 files changed, 24 insertions(+) diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md index 40cb92629b5..fb19b8dc9f5 100644 --- a/src/content/reference/react/useDeferredValue.md +++ b/src/content/reference/react/useDeferredValue.md @@ -705,6 +705,8 @@ export default SlowList; ```css .items { + max-height: 1200px; + overflow-y: auto; padding: 0; } @@ -782,6 +784,8 @@ export default SlowList; ```css .items { + max-height: 1200px; + overflow-y: auto; padding: 0; } diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md index 426df1f7b26..c9cf19fe8d5 100644 --- a/src/content/reference/react/useTransition.md +++ b/src/content/reference/react/useTransition.md @@ -733,6 +733,11 @@ export default function ContactTab() { ``` ```css +.items { + max-height: 1200px; + overflow-y: auto; +} + button { margin-right: 10px } b { display: inline-block; margin-right: 10px; } .pending { color: #777; } @@ -888,6 +893,11 @@ export default function ContactTab() { ``` ```css +.items { + max-height: 1200px; + overflow-y: auto; +} + button { margin-right: 10px } b { display: inline-block; margin-right: 10px; } .pending { color: #777; } @@ -1046,6 +1056,11 @@ async function getPosts() { ``` ```css +.items { + max-height: 1200px; + overflow-y: auto; +} + button { margin-right: 10px } b { display: inline-block; margin-right: 10px; } .pending { color: #777; } @@ -1210,6 +1225,11 @@ async function getPosts() { ``` ```css +.items { + max-height: 1200px; + overflow-y: auto; +} + button { margin-right: 10px } b { display: inline-block; margin-right: 10px; } .pending { color: #777; }