nextjs - 💡(How to fix) Fix ViewTransition exit animations do not fire when using `router.back()` [1 comments, 2 participants]

TL;DR

The issue with the exit view transition animation not triggering when using router.back() in a Next.js application with the new <ViewTransition> element from React may be resolved by modifying the animation trigger logic to accommodate the router.back() behavior.

Guidance

• Review the implementation of the exit view transition animation to ensure it is correctly triggered when the modal is closed using router.back().
• Verify that the router.back() method is properly handling the animation state, potentially by adding a custom animation handler.
• Check the React and Next.js documentation for any known issues or limitations related to using router.back() with the <ViewTransition> element.
• Consider testing the animation with a different closing method, such as a button click, to isolate the issue.

Example

No code snippet is provided as the issue lacks specific implementation details.

Notes

The provided environment information and package versions may be relevant to the issue, but without further details, it is difficult to determine the exact cause.

Recommendation

Apply workaround: Modify the animation trigger logic to accommodate the router.back() behavior, as the issue seems to be related to the interaction between the router.back() method and the <ViewTransition> element.