gatsbyjs / gatsby

The best React-based framework with performance, scalability and security built in.
https://www.gatsbyjs.com
MIT License
55.28k stars 10.31k forks source link

On iOS Safari, refreshing page issue after navigating to an external link and pressing the browser back button #20883

Closed ptlab-la closed 4 years ago

ptlab-la commented 4 years ago

Description

On iOS Safari, after I navigate away from Gatsby to an external site and then press the back button, I get strange results with the page not refreshing after clicking a Gatbsy Link. Often when I first tap Links they change to the hover state but don't load the next page. Sometimes the next page loads scrolled halfway down the page.

Steps to reproduce

  1. On Gatsby site, either click on an external link anchor tag or type an external link in the browser to navigate away from the site.
  2. Press the browser back button
  3. Tap Gatsby Links

Expected result

Pages load as normal.

Actual result

Clicking a Link shows hover state but doesn't load the page until you touch/move/scroll the screen again.

Environment

Testing on: iOS 13.3 Site hosted on AWS S3.

System: OS: macOS 10.15.2 CPU: (8) x64 Intel(R) Core(TM) i7-8569U CPU @ 2.80GHz Shell: 5.7.1 - /bin/zsh Binaries: Node: 12.14.0 - ~/.nvm/versions/node/v12.14.0/bin/node npm: 6.13.6 - ~/.nvm/versions/node/v12.14.0/bin/npm Languages: Python: 2.7.16 - /usr/bin/python Browsers: Chrome: 79.0.3945.130 Safari: 13.0.4 npmPackages: gatsby: ^2.19.5 => 2.19.5 gatsby-image: ^2.2.39 => 2.2.39 gatsby-plugin-manifest: ^2.2.38 => 2.2.38 gatsby-plugin-offline: ^2.2.10 => 2.2.10 gatsby-plugin-react-helmet: ^3.1.21 => 3.1.21 gatsby-plugin-s3: ^0.3.2 => 0.3.2 gatsby-plugin-sharp: ^2.4.0 => 2.4.0 gatsby-source-filesystem: ^2.1.46 => 2.1.46 gatsby-source-graphql: ^2.1.32 => 2.1.32 gatsby-transformer-sharp: ^2.3.13 => 2.3.13 npmGlobalPackages: gatsby-cli: 2.8.27

Js-Brecht commented 4 years ago

@ptlab-la that's interesting. Do you, perhaps, have a minimal reproduction repository you could share? I've tried to replicate the issue using a default gatsby starter, and serving it on my local network so I can run the site using Safari on my iPhone. I was unsuccessful in recreating the problem.

github-actions[bot] commented 4 years ago

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here. If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open! As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

github-actions[bot] commented 4 years ago

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it. Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else. As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community! 💪💜