Scroll to top not working in firefox when scroll-behavior: smooth is applied

[Chalks]

Environment

Firefox 122.0.1

---

• Operating System: Darwin
• Node Version: v20.10.0
• Nuxt Version: 3.10.1
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: -
• User Config: alias, devServer, postcss, css, modules, app, build, ignore, runtimeConfig, srcDir, ssr, telemetry
• Runtime Modules: @pinia/[email protected]
• Build Modules: -

---

Reproduction

stackblitz reproduction

Describe the bug

When the style scroll-behavior: smooth is applied, navigation to new pages doesn't scroll to top in Firefox.

The issue is that awaiting nextTick in router.options.ts doesn't actually always play nice with Firefox for some reason, I'll open a PR for this shortly since I found a straightforward fix.

Additional context

#19239 discusses this in detail (and many other issues throughout the life of Nuxt). The issue does exist in vue-router, (reproduced in stackblitz). However, vue router seems to have the issue (when reproduced this way) regardless of whether the style includes scroll-behavior: smooth or not. Since there's an easy fix on Nuxt's side (pr), I think it's worth fixing it.

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• nuxt-starter-4f9fpe (Open reproduction)
• github-6h8ymm (Open reproduction)