Major Changes
-
#8207
e45f30293Thanks @natemoo-re! - Change the View Transition built-in animation options.The
transition:animatevaluemorphhas been renamed toinitial. Also, this is no longer the default animation.If no
transition:animatedirective is specified, your animations will now default tofade.Astro also supports a new
transition:animatevalue,none. This value can be used on a page's<html>element to disable animated full-page transitions on an entire page.
Minor Changes
-
#8218
44f7a2872Thanks @matthewp! - View Transitions unflaggedView Transition support in Astro is now unflagged. For those who have used the experimental feature you can remove the flag in your Astro config:
import { defineConfig } from 'astro' export default defineConfig({ - experimental: { - viewTransitions: true, - } })After removing this flag, please also consult the specific upgrade to v3.0 advice as some API features have changed and you may have breaking changes with your existing view transitions.
See the View Transitions guide to learn how to use the API.
-
#8181
a8f35777eThanks @matthewp! - Finalize View Transition event names
Patch Changes
-
#8217
c37632a20Thanks @martrapp! - Specifydata-astro-reload(no value) on an anchor element to force the browser to ignore view transitions and fall back to default loading.This is helpful when navigating to documents that have different content-types, e.g. application/pdf, where you want to use the build in viewer of the browser.
Example:<a href='/my.pdf' data-astro-reload>...</a> -
#8156
acf652fc1Thanks @kurtextrem! - The scrollend mechanism is a better way to record the scroll position compared to throttling, so we now use it whenever a browser supports it. -
#8196
632579dc2Thanks @bluwy! - Prevent bundling sharp as it errors in runtime -
#8214
55c10d1d5Thanks @Princesseuh! - Automatically update user's env.d.ts with the proper types to help out migrating away from assets being experimental