Jitter while scrolling a website built with Astro SPA 2.10 on iPad with iOS 16.6

[mrdc]

Astro info

Astro SPA 2.10

What browser are you using?

Safari (iPadOS 16.6)

Describe the Bug

Jitter while scrolling a website built with Astro SPA 2.10 on iPad with iOS 16.6.

What's the expected result?

Scrolling should be smooth without any jitter.

Link to Minimal Reproducible Example

https://astro-records.pages.dev/

Participation

• I am willing to submit a pull request for this issue.

[matthewp]

Please provide a minimal reproduction if you can. This was likely build before we added throttling to the scroll listener. Please open a new issue if you can provide a reproduction.

[mrdc]

Please provide a minimal reproduction if you can. This was likely build before we added throttling to the scroll listener. Please open a new issue if you can provide a reproduction.

Please, check here: https://github.com/Charca/astro-records

This was likely build before we added throttling to the scroll listener

I don't see commits related to throttling in 2.x branch :/ Only this one in 3.0-rc6: The scrollend mechanism is a better way to record the scroll position compared to throttling : acf652fc1

Minimal Reproducible Example was built using Astro 2.10.0:

"dependencies": {
    "@astrojs/cloudflare": "^6.8.0",
    "@astrojs/preact": "^1.2.0",
    "@astrojs/tailwind": "^4.0.0",
    "@preact/signals": "^1.2.0",
    "astro": "^2.10.0",
    "preact": "^10.16.0",
    "tailwindcss": "^3.3.3"
  }