Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile swipe-navigation through history causes UI flickering #57243

Open
1 task done
greebl3 opened this issue Oct 23, 2023 · 1 comment
Open
1 task done

Mobile swipe-navigation through history causes UI flickering #57243

greebl3 opened this issue Oct 23, 2023 · 1 comment
Labels
bug Issue was opened via the bug report template. Navigation Related to Next.js linking (e.g., <Link>) and navigation. Pages Router Related to Pages Router.

Comments

@greebl3
Copy link
Contributor

greebl3 commented Oct 23, 2023

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
@greebl3 greebl3 added the bug Issue was opened via the bug report template. label Oct 23, 2023
@github-actions github-actions bot added Pages Router Related to Pages Router. Navigation Related to Next.js linking (e.g., <Link>) and navigation. labels Oct 23, 2023
@johannsonic
Copy link

Having a very similar issue. Flickering in images and position:sticky elements.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issue was opened via the bug report template. Navigation Related to Next.js linking (e.g., <Link>) and navigation. Pages Router Related to Pages Router.
Projects
None yet
Development

No branches or pull requests

2 participants