Nuxt.js: Layouts/error.vue Weird transition

[cel533]

Version

v2.6.2

Reproduction link

https://codesandbox.io/s/3vq7kyowz5

Steps to reproduce

click '404page'

What is expected ?

like click 'About page'

What is actually happening?

'404page' flickers/jumps to top

_{This bug report is available on Nuxt community (#c9075)}

[asg5704]

Looks like this is probably because of a CSS quirk. Throw a border around the container in error.vue. to see why it jumps.

Reference:
https://github.com/nuxt/nuxt.js/blob/dev/packages/vue-app/template/components/nuxt-error.vue

[cel533]

Looks like this is probably because of a CSS quirk. Throw a border around the container in error.vue. to see why it jumps.

Reference:
https://github.com/nuxt/nuxt.js/blob/dev/packages/vue-app/template/components/nuxt-error.vue

thanks,the root element CSS need
position: absolute;

[manniL]

Is the issue resolved? @cel533

[asg5704]

@manniL I think we can mark this issue as resolved.