Skip to content

Commit

Permalink
Fixes #11805 with docs mention of navbar
Browse files Browse the repository at this point in the history
  • Loading branch information
mdo committed Dec 15, 2013
1 parent f60b816 commit 61ec569
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions getting-started.html
Original file line number Diff line number Diff line change
Expand Up @@ -868,11 +868,11 @@ <h3 id="safari-percentages">Safari percent rounding</h3>
</ul>
<p>We'll keep an eye on this though and update our code if we have an easy solution.</p>

<h3 id="mobile-modals">Modals and mobile devices</h3>
<h3 id="mobile-modals">Modals, navbars, and mobile devices</h3>
<h4>Overflow and scrolling</h4>
<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.</p>
<h4>Virtual keyboards</h4>
<p>Also, note that if you're using inputs in your 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 inputs in your modal or navbar, 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 id="browser-zoom">Browser zooming</h3>
<p>Page zooming inevitably presents rendering artifacts in some components, both in Bootstrap and the rest of the web. Depending on the issue, we may be able to fix it (search first and then open an issue if need be). However, we tend to ignore these as they often have no direct solution other than hacky workarounds.</p>
Expand Down

0 comments on commit 61ec569

Please sign in to comment.