IOS auto scrolling doesn't work

[lorenzogonnelli]

While testing my webapp on ios devices, i noticed that while trying to move a widget, the grid view doesn't scroll up or down correctly.

Your environment

• version of gridstack.js - 10.0.1
• which browser/OS - Every browser on IOS

Steps to reproduce

Open this demo page: https://gridstackjs.com/demo/react-hooks.html on every browser on an ios device. However it appears to have this bug on every demo page.

Stack 4-5 tall widgets until the grid container is taller then the visible view and try to move the first one to the end. It should scroll down but insted it doesn't. It appears to be glitching in a weird way.

Expected behavior

The page should scroll correctly. On android & desktop it works fine.

WhatsApp.Video.2024-04-22.at.14.29.54.mp4

[SalvatoreCampagnese]

@adumesny I've got the same problem here with IOS, is there any suggestion to fix this?

[adumesny]

I don't have the time, nor do I have IOS to debug this on so unlikely it will be looked at, even if someone donates to have it fixed

[onx2]

What device & browser are you using? I tested on a Macbook using the Firefox iPhone simulator as well as my Android phone to see if there was some general mobile bug, but everything is working fine.

[lorenzogonnelli]

What device & browser are you using? I tested on a Macbook using the Firefox iPhone simulator as well as my Android phone to see if there was some general mobile bug, but everything is working fine.

i used an iphone 14 pro (native device only) and chrome as browser, but it looks like the same behaviour is happening on safari aswell, and it's still happenin. I managed to find a "solution" with patch-package by implementing a library that manages the scroll, but it still sucks as a workaround and it would be good to have this fixed since it's a pretty major bug and it won't let me use this library for my ios customers.
thanks :)

[lorenzogonnelli]

and i would highly consider donating to have this fixed