Commit 0c9429a8 authored by Chris Rebert's avatar Chris Rebert
Browse files

Set -ms-overflow-style:scrollbar to workaround apparent IE11+Edge @viewport bug

Closes #18543
parent 3dd08d60
Showing with 7 additions and 0 deletions
+7 -0
...@@ -62,6 +62,13 @@ html { ...@@ -62,6 +62,13 @@ html {
html { html {
// Sets a specific default `font-size` for user with `rem` type scales. // Sets a specific default `font-size` for user with `rem` type scales.
font-size: $font-size-root; 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. // Changes the default tap highlight to be completely transparent in iOS.
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment