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.

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

Consider adding Astro ViewTransitions for smoother page transitions #16576

Open
Sillyvan opened this issue Sep 1, 2024 · 1 comment
Open
Assignees
Labels
engineering Problems or updates to developers.cloudflare.com website

Comments

@Sillyvan
Copy link

Sillyvan commented Sep 1, 2024

Example URL(s)

https://developers.cloudflare.com/

Actual Behavior

Starlights dosent use ViewTransitions by default so every page change will have a loading spinner and the page flashes.

Expected Behavior

Using the View Transitions API you could make these transitions smooth being a tiny bit nicer on the eye.

Additional information

Some people were reporting their annoyance with the page flashing. They also referred to it as feeling slower. So i think this might fixes the issue. Unsupported browsers will just see the page as it is now.

https://docs.astro.build/en/guides/view-transitions/

I tested it locally and adding <ViewTransitions /> to the Head.astro file already did the job.

@Sillyvan Sillyvan added the engineering Problems or updates to developers.cloudflare.com website label Sep 1, 2024
@KianNH
Copy link
Contributor

KianNH commented Sep 12, 2024

Hey there, thanks for making this issue and already testing it!

Unfortunately, whilst at first glance a simple <ViewTransitions /> appears to be all it takes, there are some subtle breakages across Starlight currently: withastro/starlight#694 (comment)

We tested it shortly after migrating and had a handful of those issues pop-up, so we're likely to wait until we can dedicate more time to making it work 100% with Starlight.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
engineering Problems or updates to developers.cloudflare.com website
Projects
None yet
Development

No branches or pull requests

3 participants