-
-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
Since last update Suspense with RouterView acting weird #9769
Labels
Comments
1337huania
changed the title
Since last update Suspense with RouterView
Since last update Suspense with RouterView acting weird
Dec 7, 2023
Most likely related to #9309 /cc @edison1105 |
This is expected behavior. see https://vuejs.org/guide/built-ins/suspense.html#loading-state |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Vue version
3.3.10
Link to minimal reproduction
https://codesandbox.io/p/devbox/upbeat-ully-64czlg?file=%2Fsrc%2FApp.vue%3A10%2C35
Steps to reproduce
Navigate between
ViewA
andViewB
.What is expected?
HTML elements suppose to keep same order (
Navigation
,RouterView
,Footer
) after navigating between views.What is actually happening?
HTML elements being rendered in wrong order (
Navigation
,Footer
,RouterView
) after navigating between sync (ViewA
) and async (ViewB
) views.System Info
No response
Any additional comments?
Ran into an issue after updating Vue to 3.3.10. Looks like it's related related to latest (3.3.10) release changes (#8105) and is most likely not related to Vue Router itself, but rather to async components.
— Issue persists even if I toggling between components programatically, without
RouterView
.— Removing
timeout
property fromSuspense
gives weird delay but footer stays in place.— Wrapping
Suspense
in to div makes Footer to stay in correct order.The text was updated successfully, but these errors were encountered: