Skip to content

Commit

Permalink
Fixes scrollbar overlapping content in IE
Browse files Browse the repository at this point in the history
  • Loading branch information
juanluisrp authored and fxprunayre committed Nov 3, 2017
1 parent e956cf5 commit 096d765
Showing 1 changed file with 12 additions and 0 deletions.
12 changes: 12 additions & 0 deletions web-ui/src/main/resources/catalog/style/gn.less
Original file line number Diff line number Diff line change
Expand Up @@ -721,3 +721,15 @@ input.ng-invalid {
[data-rating] {
color: #ffa500;
}


html {
// As a side-effect of setting the @viewport in bootstrap,
// 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
// TODO Remove this if Bootstrap version is >= 4.0.0
-ms-overflow-style: scrollbar;
}

0 comments on commit 096d765

Please sign in to comment.