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 - would need a big donate 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

[adumesny]

@lorenzogonnelli you reach out on slack if you want to donate to have this fixed - as long as I can reproduce this on desktop emulation mode (windows chrome) I might be able to take a look. I can borrow an iphone to verify it too.