<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:rbyers@chromium.org" title="Rick Byers <rbyers@chromium.org>"> <span class="fn">Rick Byers</span></a>
</span> changed
<a class="bz_bug_link
bz_status_NEW "
title="NEW - IFrame scrolling=yes is ignored in iOS Safari"
href="https://bugs.webkit.org/show_bug.cgi?id=149264">bug 149264</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>benjamin@webkit.org, rbyers@chromium.org
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - IFrame scrolling=yes is ignored in iOS Safari"
href="https://bugs.webkit.org/show_bug.cgi?id=149264#c1">Comment # 1</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - IFrame scrolling=yes is ignored in iOS Safari"
href="https://bugs.webkit.org/show_bug.cgi?id=149264">bug 149264</a>
from <span class="vcard"><a class="email" href="mailto:rbyers@chromium.org" title="Rick Byers <rbyers@chromium.org>"> <span class="fn">Rick Byers</span></a>
</span></b>
<pre>Tested on iOS 9, still broken.
It looks like web developers have struggled with this for awhile, and claim it got worse in iOS 8 eg:
<a href="http://stackoverflow.com/questions/26046373/iframe-scrolling-ios-8">http://stackoverflow.com/questions/26046373/iframe-scrolling-ios-8</a>
<a href="https://css-tricks.com/forums/topic/scrolling-iframe-on-ipad/">https://css-tricks.com/forums/topic/scrolling-iframe-on-ipad/</a>
Simon, any chance your work on improving viewports/scrolling might help here? It seems really confusing that an iframe should behave differently from a scrollable div in this regard, and that iOS would be different from desktop Safari.
Dima tells me that the obvious work-around of putting a scrollable div inside the iframe is problematic for him because he doesn't have control of the iframe content/styling. He can make the iframe body overflow:auto (along with html) and that works, but then is burned by <a class="bz_bug_link
bz_status_REOPENED "
title="REOPENED - document.body.scrollTop & document.documentElement.scrollTop differ cross-browser"
href="show_bug.cgi?id=106133">bug 106133</a> (can't get/set the scroll position because body.scrollTop actually refers to the viewport). Ultimately he ends up having to use a dummy DIV and getBoundlingClientRect in order to detect the scroll position of the iframe, yuck!</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>