There seems to be a glitch where the footer briefly flashes or collapses when switching routes, specifically if the page is scrolled down to the middle. If at the top of the page, the transition works smoothly. This issue becomes more apparent on high refresh rate monitors like 144-240+Hz. It's uncertain whether this is a bug within the Nuxt layout or another factor.
Below is the layout structure:
<template>
<div>
<AppHeader />
<div>
<slot />
</div>
<AppFooter />
</div>
</template>
To see the issue in action, check out this reproduction: https://stackblitz.com/edit/nuxt-starter-upaovs?file=app%2Fapp.vue
Watch a video demonstrating the problem here:
If you have any insights or solutions, please share them. Thank you!