aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/getting-started/browser-device-support.html
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2016-03-14 02:13:38 -0700
committerChris Rebert <[email protected]>2016-03-14 02:13:38 -0700
commit60168ad0992b0023489a3c3a0aff7244b706257f (patch)
treea44cc78e3748d9f7042395d13162663cd193d705 /docs/_includes/getting-started/browser-device-support.html
parent0b39722c7c85bc492ad0ec0953c1b2449517ef9a (diff)
downloadbootstrap-60168ad0992b0023489a3c3a0aff7244b706257f.tar.xz
bootstrap-60168ad0992b0023489a3c3a0aff7244b706257f.zip
Port #19537 to v3
[skip sauce]
Diffstat (limited to 'docs/_includes/getting-started/browser-device-support.html')
-rw-r--r--docs/_includes/getting-started/browser-device-support.html2
1 files changed, 2 insertions, 0 deletions
diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html
index 509a2b01e..833c863ca 100644
--- a/docs/_includes/getting-started/browser-device-support.html
+++ b/docs/_includes/getting-started/browser-device-support.html
@@ -185,6 +185,8 @@ 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.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>iOS text fields and scrolling</h3>
+ <p>As of iOS 9.2, while a modal is open, if the initial touch of a scroll gesture is within the boundary of a textual <code>&lt;input&gt;</code> or a <code>&lt;textarea&gt;</code>, the <code>&lt;body&gt;</code> content underneath the modal will be scrolled instead of the modal itself. See <a href="https://bugs.webkit.org/show_bug.cgi?id=153856">WebKit bug #153856</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>