You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi! Thank you for this library—it has significantly improved transitions and saved me a lot of time. However, is it possible to specify which content might be static?
I have a sidebar on the left with three links, and all three pages contain an h1 tag with the page name and some content(by the way this is the vercel tutorial called Acme). I've added a "disabled" transition name to the sidebar div wrapper, so it no longer animates (which is fine). However, when I try to remove the animation from the h1 tag by adding style={{viewTransitionName: "disabled"}}, the animation gets disabled on whole page when transitioning from this page to another and still works when navigating to this page. Even though it only suppose to remove animation from h1
Is it possible to disable animation for specific elements on the page?
The text was updated successfully, but these errors were encountered:
AnatoliiCubex
changed the title
Is it possible to define which exact elements to have animation
Is it possible to disable animation from specific element on the page
Sep 19, 2024
Hi! Thank you for this library—it has significantly improved transitions and saved me a lot of time. However, is it possible to specify which content might be static?
I have a sidebar on the left with three links, and all three pages contain an h1 tag with the page name and some content(by the way this is the vercel tutorial called Acme). I've added a "disabled" transition name to the sidebar div wrapper, so it no longer animates (which is fine). However, when I try to remove the animation from the h1 tag by adding
style={{viewTransitionName: "disabled"}}
, the animation gets disabled on whole page when transitioning from this page to another and still works when navigating to this page. Even though it only suppose to remove animation from h1Is it possible to disable animation for specific elements on the page?
My layout (app/dashboard/layout.tsx):
Here’s the code for the sidebar (app/components/sidebar):
Example of the page (app/dashboard/(overview)/page.tsx):
The text was updated successfully, but these errors were encountered: