mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-14 02:24:00 +01:00
parent
f248bb25ea
commit
b52ef829c1
@ -157,7 +157,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
|
|||||||
|
|
||||||
<h2 id="support-fixed-position-keyboards">Modals, navbars, and virtual keyboards</h2>
|
<h2 id="support-fixed-position-keyboards">Modals, navbars, and virtual keyboards</h2>
|
||||||
<h3>Overflow and scrolling</h3>
|
<h3>Overflow and scrolling</h3>
|
||||||
<p>Support for <code>overflow: hidden</code> on the <code><body></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><body></code> content will begin to scroll.</p>
|
<p>Support for <code>overflow: hidden</code> on the <code><body></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><body></code> content will begin to scroll. See <a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a>.</p>
|
||||||
<h3>Virtual keyboards</h3>
|
<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>
|
<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>
|
<h3>Navbar Dropdowns</h3>
|
||||||
|
Loading…
Reference in New Issue
Block a user