I'm unsure if this is a feature request or a bug report: when navigating back with the left swipe gesture on iOS devices, the previous route is re-rendered before the new one is rendered. See explanation and demo below.
I'm experiencing what's described in this Vue.js plugin (which I couldn't get to work with Nuxt.js):
You can swipe with edge gesture in iOS Safari/WKWebview/Wechat. The page will trigger
history.back()/history.forward()after the page is sliding finished. then the transition animation of router will still triggering, that's redundant.
Does Nuxt.js have anything built-in to handle this case?
Update: Actually, the plugin above does not inherently solve this issue. Even if the transition period is set to
0, the previous component (the one we're navigating back from) still flickers on the screen before the new one (the one we're navigating back to) is displayed.
A demo can be seen here: https://django-nuxt-ssr.herokuapp.com/
Open this web-app on an iOS device, navigate to the about page (question mark), and then swipe right ("back" gesture). The about page appears again before the homepage is rendered as it should.
Even the HN demo at https://hn.nuxtjs.org exhibits this behaviour.. (which makes me think maybe there isn't much to do about this?)
It would be cool if Nuxt.js handled this back/forward swiping behaviour out of the box, especially since there's incompatibility with the plugin I link to above (probably because the plugin itself was last updated 2 years ago).