natecavanaugh/liferay-portal — pull request #2370 by Robert-Frampton (2014-04-22 23:14:34+00:00)
Title: LPS-45287 On iOS, tapping toggler panels inside an iframe scrolls to …

Hey @natecavanaugh

Two things I need to mention about this pull.

First, adding the dialog-iframe-modal class is necessary because we don't want to be targeting modals that do not have dialog iframes plugged into them.

Second, is that technically with this fix, if the iframe has content overflow on the x axis, you won't be able to scroll to it as of now. Most of those cases can be fixed by Marc's pull for LPS-44926 (https://github.com/Robert-Frampton/liferay-portal/pull/187) which styles the search containers in such a way that they won't overflow. The few other cases could be fixed with css.

We technically could add the -webkit-overflow-scrolling: touch to my fix, which would allow the user to scroll on the x axis. However there isn't a way to apply -webkit-overflow-scrolling: touch to just one axis. The result is that the first down scroll is always hijacked by -webkit-overflow-scrolling (even when there is no y overflow), and the second scroll let's you get to the content (http://cl.ly/image/1A083p2C0A3n).

I think the better option would be to find those places where there are overflow issues, and fix those issues with css. It's something I could even have interns do. Let me know what you think.