diff options
| author | Chris Rebert <[email protected]> | 2015-02-04 13:32:41 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-02-04 13:32:41 -0800 |
| commit | cff2e21d372cb9a768f567f0b72ca4d83a57498d (patch) | |
| tree | f0a44f1591c2443e82d876c39e31c33e273d5fc0 /docs/getting-started | |
| parent | c0f4dcd38e72f84f1fbf7828f346686acd1117f7 (diff) | |
| parent | 175714d2465acc385d234fd8c9f3d5a84a286ded (diff) | |
| download | bootstrap-cff2e21d372cb9a768f567f0b72ca4d83a57498d.tar.xz bootstrap-cff2e21d372cb9a768f567f0b72ca4d83a57498d.zip | |
Merge pull request #56 from twbs/mobile-hover
Nuke sticky :hover on mobile
Diffstat (limited to 'docs/getting-started')
| -rw-r--r-- | docs/getting-started/support.md | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/docs/getting-started/support.md b/docs/getting-started/support.md index 63667fe85..6ed11c5e2 100644 --- a/docs/getting-started/support.md +++ b/docs/getting-started/support.md @@ -167,7 +167,9 @@ The `.dropdown-backdrop` element isn't used on iOS in the nav because of the com 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. ### Sticky `:hover`/`:focus` on mobile -Even though real hovering isn't possible on most touchscreens, most mobile browsers emulate hovering support and make `:hover` "sticky". In other words, `:hover` styles start applying after tapping an element and only stop applying after the user taps some other element. This can cause Bootstrap's `:hover` states to become unwantedly "stuck" on such browsers. Some mobile browsers also make `:focus` similarly sticky. There is currently no simple workaround for these issues other than removing such styles entirely. +Even though real hovering isn't possible on most touchscreens, most mobile browsers emulate hovering support and make `:hover` "sticky". In other words, `:hover` styles start applying after tapping an element and only stop applying after the user taps some other element. On mobile-first sites, this behavior is normally undesirable. + +Bootstrap includes a workaround for this, although it is disabled by default. By setting `$use-hover-media-query` to `true` when compiling from Sass, Bootstrap will use [mq4-hover-hover-shim](https://github.com/cvrebert/mq4-hover-hover-shim) to disable `:hover` styles in browsers that emulate hovering, thus preventing sticky `:hover` styles. There are some caveats to this workaround; see the shim's documentation for details. ### Printing |