nuxt / nuxt

The Intuitive Vue Framework.

Home Page:https://nuxt.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iOS white screen while swiping back after scrolling

jakubkoje opened this issue · comments

Environment

  • Operating System: Darwin
  • Node Version: v20.10.0
  • Nuxt Version: 3.11.2
  • CLI Version: 3.11.1
  • Nitro Version: 2.9.6
  • Package Manager: bun@1.0.20
  • Builder: -
  • User Config: devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://github.com/jakubkoje/nuxt-swipeback-reproduction
https://stackblitz.com/edit/github-8wx4fs

Describe the bug

Let's say I have two pages, page A (/) and page B (/test). I navigate from page A to page B. If I scroll on page B and then try to swipe back using iOS native gesture, the "preview" page during the swipe becomes blank. This can be seen on the latest iOS (17.4.1) in safari browser or WKWebView when using Capacitor.

This bug is not occurring in base Vue (3.4.21) project.

Additional context

This is without scrolling on page B

IMG_9794

This is after scrolling on page B

IMG_9795

Logs

No response

I have same issue
I'm curious about the current status of this issue. Could you please provide an update on its progress?