]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Port #19423 to v3
authorChris Rebert <code@chrisrebert.com>
Mon, 7 Mar 2016 05:03:46 +0000 (21:03 -0800)
committerChris Rebert <code@chrisrebert.com>
Mon, 7 Mar 2016 05:03:46 +0000 (21:03 -0800)
Docs: Add link to Chrome bug regarding `body { overflow: hidden; }`

https://bugs.chromium.org/p/chromium/issues/detail?id=175502
[skip sauce]

docs/_includes/getting-started/browser-device-support.html

index e98998ce191240e531d3fbf633c81f66edbf618b..4b47a11cb94bb0a98427f91e113da206415431c6 100644 (file)
@@ -184,7 +184,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
 
   <h2 id="support-fixed-position-keyboards">Modals, navbars, and virtual keyboards</h2>
   <h3>Overflow and scrolling</h3>
-  <p>Support for <code>overflow: hidden</code> on the <code>&lt;body&gt;</code> element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the <code>&lt;body&gt;</code> content will begin to scroll. See <a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a>.</p>
+  <p>Support for <code>overflow: hidden</code> on the <code>&lt;body&gt;</code> element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices' browsers, the <code>&lt;body&gt;</code> content will begin to scroll. See <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=175502">Chrome bug #175502</a> (fixed in Chrome v40) and <a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a>.</p>
   <h3>Virtual keyboards</h3>
   <p>Also, note that if you're using a fixed navbar or using inputs within a modal, iOS has a rendering bug that doesn't update the position of fixed elements when the virtual keyboard is triggered. A few workarounds for this include transforming your elements to <code>position: absolute</code> or invoking a timer on focus to try to correct the positioning manually. This is not handled by Bootstrap, so it is up to you to decide which solution is best for your application.</p>
   <h3>Navbar Dropdowns</h3>