[go: nahoru, domu]
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Make clear that transition:persist-props does not work without transition:persist #8740

Merged
merged 2 commits into from
Jul 5, 2024
Merged

Make clear that transition:persist-props does not work without transition:persist #8740

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
af8cb9f
Make clear that transition:persist-props does not work without transi…
martrapp Jul 5, 2024
9f2e155
Merge branch 'main' into mt/persist-props
sarah11918 Jul 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Make clear that transition:persist-props does not work without transi… 
…tion:persist
  • Loading branch information
@martrapp
martrapp committed Jul 5, 2024
commit af8cb9f3b3446fd9ead68dc7c336c2f2ebfb6ed7
4 changes: 2 additions & 2 deletions src/content/docs/en/guides/view-transitions.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ This allows you to control whether or not an island's props should be persisted

By default, when you add `transition:persist` to an island, the state is retained upon navigation, but your component will re-render with new props. This is useful, for example, when a component receives page-specific props such as the current page's `title`.

You can override this behavior with `transition:persist-props`. Adding this directive will keep an island's existing props (not re-render with new values) in addition to maintaining its existing state.
You can override this behavior by setting `transition:persist-props` in addition to `transition:persist`. Adding this directive will keep an island's existing props (not re-render with new values) in addition to maintaining its existing state.

### Built-in Animation Directives

Expand Down Expand Up @@ -659,4 +659,4 @@ We strongly recommend you always include a `<title>` in each page for accessibil

### `prefers-reduced-motion`

Astro's `<ViewTransitions />` component includes a CSS media query that disables *all* view transition animations, including fallback animation, whenever the [`prefer-reduced-motion`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) setting is detected. Instead, the browser will simply swap the DOM elements without an animation.
Astro's `<ViewTransitions />` component includes a CSS media query that disables *all* view transition animations, including fallback animation, whenever the [`prefer-reduced-motion`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) setting is detected. Instead, the browser will simply swap the DOM elements without an animation.
Loading