You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit ea2e535
Browse filesBrowse the repository at this point in the historyBrowse files
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/img.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -125,7 +125,7 @@ To create an explicit preload hint, call [`preload`](/reference/react-dom/preloa
125
125
126
126
### Waiting for an image during a View Transition {/*waiting-for-an-image-during-a-view-transition*/}
127
127
128
-
During a client-rendered [`<ViewTransition>`](/reference/react/ViewTransition) update, React may wait up to 500 ms for visible images to load before starting the animation. This includes newly rendered `<img>` elements with a non-empty `src`and existing images whose `src` or `srcSet` changes. The image must be inside the `<ViewTransition>` subtree and must not have `loading="lazy"` or an `onLoad` handler. React does not wait for images during synchronous updates.
128
+
During a [`<ViewTransition>`](/reference/react/ViewTransition) update, React waits up to 500 ms for visible images to load before starting the animation. This includes newly rendered `<img>` elements and existing images whose `src` or `srcSet` changes. Setting `loading="lazy"` or adding an `onLoad` handler opts an image out.
129
129
130
130
Compare how the same image appears when a Suspense boundary reveals its content inside and outside a `<ViewTransition>`:
0 commit comments