Skip to content

Causes scroll jumps when going back and forward in browser #88

@kedrzu

Description

@kedrzu

I use this library along with Nuxt and basic vue-router in SSR / static mode.

Reproduce steps:

  1. Render page. Everythings loads fine (statically), lazy hydration works perfectly.
  2. Scroll somewhere down.
  3. Go to some other page. This is standard SPA navigation to some other page using vue-router. Still works like charm.
  4. Click back in your browser.

And here's the deal: when going back, vue-router tries to scroll user to the same position he was before.
But lazy-hydrate works basing on Promise now, and that causes a slight delay in component rendering. So at the time router scrolls down, components are not rendered yet. Effectively, you land on the bottom of the page (or in some other bad place).

The previous version (v1) worked differently, basing on some Virtual DOM hacks. The problem does not appear there.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions