disabling transitions within a route change prevents fully suspended navigation

[warflash]

Environment

---

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.8
• Nitro Version: 0.5.4
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-dfgsnr?file=pages%2Fother.vue

Describe the bug

Setting

definePageMeta({
  pageTransition: false,
});

skips the blocking useFetch is supposed to do and shows a blank view instead

Additional context

Repro uses rc8 due to stackblitz issues with rc11, tested with rc11 locally tho and same issue

Logs

No response

[danielroe]

Similar to changing layouts, removing transitions results in an entire rerender of the page. Doing so while transitioning routes effectively breaks the normal <Suspense>-powered blocking navigation.

In other words, the cause is the same as #14573.

[mmis1000]

There is a new proposal about the <Suspense> that may be the proper fix of this bug.

vuejs/core#6736

By allow the child of the just created suspense boundary to be captured by parent boundary.
This may be able to pause the dom update until the page completely loaded.

[warflash]

Yeah, I'm hoping we will see that PR get merged soon 🙏

[danielroe]

This is now resolved - see https://stackblitz.com/edit/github-dfgsnr-cdm2r8?file=package.json,nuxt.config.ts