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?
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.
Have you ever experienced problems like that when programming, one that’s resolved with a really simple fix? Let me know in the comments.