diff options
| author | Chris Rebert <[email protected]> | 2016-03-14 01:48:07 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2016-03-14 01:48:07 -0700 |
| commit | 0cbcd6dfcac924454ede82ed2c0e2ee5a0370415 (patch) | |
| tree | d6f959a653f5b5803c5f5e6e985a1de6124e1436 | |
| parent | 49d411058cb3fa0e6c40f65786191ca49941870f (diff) | |
| parent | b8fceb17a4091eef73fdae40990549b10e072451 (diff) | |
| download | bootstrap-0cbcd6dfcac924454ede82ed2c0e2ee5a0370415.tar.xz bootstrap-0cbcd6dfcac924454ede82ed2c0e2ee5a0370415.zip | |
Merge pull request #19426 from twbs/ios-virt-keyboard
Remove iOS virtual keyboard bug section from docs
| -rw-r--r-- | docs/components/modal.md | 2 | ||||
| -rw-r--r-- | docs/getting-started/browsers-devices.md | 6 |
2 files changed, 2 insertions, 6 deletions
diff --git a/docs/components/modal.md b/docs/components/modal.md index 1bbcd3fbf..f3c29dac6 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -34,7 +34,7 @@ Always try to place a modal's HTML code in a top-level position in your document {% callout warning %} #### Mobile device caveats -There are some caveats regarding using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/getting-started/browsers-devices/#modals-navbars-and-virtual-keyboards) for details. +There are some caveats regarding using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/getting-started/browsers-devices/#modals-and-dropdowns-on-mobile) for details. {% endcallout %} ### Static example diff --git a/docs/getting-started/browsers-devices.md b/docs/getting-started/browsers-devices.md index 5d977d2ee..6832f3481 100644 --- a/docs/getting-started/browsers-devices.md +++ b/docs/getting-started/browsers-devices.md @@ -191,16 +191,12 @@ For more information and usage guidelines, read [Windows Phone 8 and Device-Widt As a heads up, we include this in all of Bootstrap's documentation and examples as a demonstration. -## Modals, navbars, and virtual keyboards +## Modals and dropdowns on mobile ### Overflow and scrolling Support for `overflow: hidden;` on the `<body>` 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 `<body>` content will begin to scroll. See [Chrome bug #175502](https://bugs.chromium.org/p/chromium/issues/detail?id=175502) (fixed in Chrome v40) and [WebKit bug #153852](https://bugs.webkit.org/show_bug.cgi?id=153852). -### Virtual keyboards - -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 `position: absolute;` 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. - ### Navbar Dropdowns The `.dropdown-backdrop` element isn't used on iOS in the nav because of the complexity of z-indexing. Thus, to close dropdowns in navbars, you must directly click the dropdown element (or [any other element which will fire a click event in iOS](https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile)). |