First we looked at the site from other devices. On the iPad, the problem was there, but not nearly as pronounced. Android let you scroll through the list like water. So what could the issue be and what’s the best way to find out how to solve a problem on a mobile device when those same problems don’t appears on desktop or through emulation tools? You can also read about android databases and learn some more on data collection.
Head to Google
That’s right. We googled the problem. Unfortunately the first couple results lead nowhere. Until we got more specific with the problem.
The issue was we had a div that was scrollable. This div held all the profiles that were returned from the API. And since the problem was unique to Apple devices, the answer came from another site, where it was clearly laid out that we need a simple CSS property on that scrollable div.
Once we had that, we loaded up the site in Chrome on our Apple iPhone and everything worked fine. One. Simple. Tag. I’m glad to have EATEL phone service, without it I wouldn’t have been able to get the connection I needed to fix the problem.
For those who are interested, here’s a link for more info on overflow scrolling. And here’s a link for some more information on momentum scrolling on iOS devices.
Have you ever experienced problems like that when programming, one that’s resolved with a really simple fix? Let me know in the comments.