diff options
| author | Chris Rebert <[email protected]> | 2015-11-15 17:08:01 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-11-15 17:08:01 -0800 |
| commit | 5923e6fc58ffdf4c9d1c2bdc3a656acf4fb20053 (patch) | |
| tree | 3b0bdcffe3fe6e85350626a9dd482a94e0af9561 | |
| parent | 01a44bfa938b8108a77831f8157c5181808a7729 (diff) | |
| parent | 25e42ade4241c472bb5d77a663bbdaa9f59efcb7 (diff) | |
| download | bootstrap-5923e6fc58ffdf4c9d1c2bdc3a656acf4fb20053.tar.xz bootstrap-5923e6fc58ffdf4c9d1c2bdc3a656acf4fb20053.zip | |
Merge pull request #18051 from twbs/impl-18044
Add touch-action:manipulation on interactive elements to avoid 300ms click delay
| -rw-r--r-- | scss/_buttons.scss | 1 | ||||
| -rw-r--r-- | scss/_reboot.scss | 22 |
2 files changed, 22 insertions, 1 deletions
diff --git a/scss/_buttons.scss b/scss/_buttons.scss index 37ad14ddd..f82f43305 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -8,7 +8,6 @@ text-align: center; white-space: nowrap; vertical-align: middle; - touch-action: manipulation; cursor: pointer; user-select: none; border: $border-width solid transparent; diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 58fd54c68..2dddf5f1d 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -206,6 +206,28 @@ img { cursor: pointer; } + +// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property. +// +// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11 +// DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present. +// However, they DO support removing the click delay via `touch-action: manipulation`. +// See: +// * http://caniuse.com/#feat=css-touch-action +// * http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay + +a, +area, +button, +[role="button"], +input, +label, +select, +summary, +textarea { + touch-action: manipulation; +} + // // Tables // |