From 0c9429a8033efef44af8be9f570fc7b35b938f5e Mon Sep 17 00:00:00 2001
From: Chris Rebert <github@chrisrebert.com>
Date: Wed, 6 Jan 2016 01:21:01 -0800
Subject: [PATCH] Set -ms-overflow-style:scrollbar to workaround apparent
IE11+Edge @viewport bug
Closes #18543
---
scss/_reboot.scss | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index a3e4175a46..5b0f09bbe4 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -62,6 +62,13 @@ html {
html {
// Sets a specific default `font-size` for user with `rem` type scales.
font-size: $font-size-root;
+ // As a side-effect of setting the @viewport above,
+ // IE11 & Edge make the scrollbar overlap the content and automatically hide itself when not in use.
+ // Unfortunately, the auto-showing of the scrollbar is sometimes too sensitive,
+ // thus making it hard to click on stuff near the right edge of the page.
+ // So we add this style to force IE11 & Edge to use a "normal", non-overlapping, non-auto-hiding scrollbar.
+ // See https://github.com/twbs/bootstrap/issues/18543
+ -ms-overflow-style: scrollbar;
// Changes the default tap highlight to be completely transparent in iOS.
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
--
GitLab