<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Excessive zoom applied to Bootstrap v3 modal (new iOS 9 breakage)"
href="https://bugs.webkit.org/show_bug.cgi?id=150715#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Excessive zoom applied to Bootstrap v3 modal (new iOS 9 breakage)"
href="https://bugs.webkit.org/show_bug.cgi?id=150715">bug 150715</a>
from <span class="vcard"><a class="email" href="mailto:wenson_hsieh@apple.com" title="Wenson Hsieh <wenson_hsieh@apple.com>"> <span class="fn">Wenson Hsieh</span></a>
</span></b>
<pre>Created <span class=""><a href="attachment.cgi?id=264481" name="attach_264481" title="Reduced test case (standalone html)">attachment 264481</a> <a href="attachment.cgi?id=264481&action=edit" title="Reduced test case (standalone html)">[details]</a></span>
Reduced test case (standalone html)
The problem with the Bootstrap modals is reproducible by doing two things without using Bootstrap or jQuery:
1. Set a small (~50px) height on the <body>
2. Set overflow: hidden on the <body>
Observe that we start zoomed in to the text at max scale, and there's no way to zoom out. Again, we have to figure out if we're computing the height correctly, and if so, we'll need to make our zooming heuristic account for this.</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>