Skip to content

Mobile swipe-navigation through history causes UI flickering #57243

@greebl3

Description

@greebl3

Link to the code that reproduces this issue

https://codesandbox.io/p/sandbox/getserversideprops-ios-flickering-7plmvk

To Reproduce

  1. Start the application on mobile device
  2. Click counter (Link component)
  3. Swipe from left edge of screen to navigate to previous page

Current vs. Expected behavior

Navigating through page history shouldn't cause UI to flicker and glitch

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

iOS 15.6

Which area(s) are affected? (Select all that apply)

Not sure, Data fetching (gS(S)P, getInitialProps), Routing (next/router, next/navigation, next/link)

Additional context

Example above uses getServerSideProps, but this issue also occurs using other rendering methods:

Issue is confirmed present in:

  • 13.5.7-canary.16
  • 13.5.6
  • 13.1.6

Metadata

Metadata

Assignees

No one assigned

    Labels

    Linking and NavigatingRelated to Next.js linking (e.g., <Link>) and navigation.Pages RouterRelated to Pages Router.bugIssue was opened via the bug report template.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions