Skip to content

astro 3.0.0-rc.6

Major Changes

#8207 e45f30293 Thanks @natemoo-re! - Change the View Transition built-in animation options.

The transition:animate value morph has been renamed to initial. Also, this is no longer the default animation.

If no transition:animate directive is specified, your animations will now default to fade.

Astro also supports a new transition:animate value, 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 44f7a2872 Thanks @matthewp! - View Transitions unflagged

View 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 a8f35777e Thanks @matthewp! - Finalize View Transition event names

Patch Changes

#8217 c37632a20 Thanks @martrapp! - Specify data-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 acf652fc1 Thanks @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 632579dc2 Thanks @bluwy! - Prevent bundling sharp as it errors in runtime
#8214 55c10d1d5 Thanks @Princesseuh! - Automatically update user's env.d.ts with the proper types to help out migrating away from assets being experimental