Great article.

One additional item to keep in mind when designing for iOS web-apps in Safari, is that the bottom few pixels are reserved for the browser toolbar. Clicking on that area will cause the toolbar to popup.

So ensure that you don’t have any clickable elements in the bottom 44px of the screen, otherwise your user may need to tap twice to take action (first tap will bring up the menu bar, second tap will finally achieve the desired result)

(A few good examples of this behavior here: https://www.eventbrite.com/engineering/mobile-safari-why/ )