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
Animations using svelte-motion break in deployed Astro + Svelte website. #10914
Comments
Can you provide a smaller example please? Your personal website contains more code than is necessary here. Like I think you probably want to use https://vitejs.dev/config/ssr-options.html#ssr-noexternal config for this problem, but would need to see a minimal repro. |
Hello @yatochka-dev. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with |
Link to a minimal reproduction, only with animation that doesn't work for me. |
|
I tried to debug this but I'm not sure what's failing either. But based on micha-lmxt/svelte-motion#32, it seems like an upstream issue that isn't only happening in Astro. |
Astro Info
If this issue only occurs in one browser, which browser is a problem?
No response
Describe the Bug
Issue Description:
I'm migrating a React + Framer Motion navbar to Svelte + svelte-motion within an Astro project.
Locally, svelte-motion animations (e.g., menu open, link fade-in) work correctly.
After deployment, animations stop functioning. Components appear without transitions, and elements that depend on animations may be missing.
### Steps to Reproduce:
Clone and build, then preview (repo)
Link to already deployed website
On mobile, trigger the menu open animation.
Actual Behavior: The menu opens abruptly without animation, and any links dependent on animations may not appear.
### Potential Hints:
No console errors are observed.
The issue seems isolated to svelte-motion animations in the deployed environment.
What's the expected result?
Expected Behavior: The menu should open with a smooth animation, and links should fade in as intended.
Link to Minimal Reproducible Example
https://stackblitz.com/edit/github-3rjdap?file=README.md
Participation
The text was updated successfully, but these errors were encountered: