From bc39ad37c4b6372c98177f8c4fc525391c49f702 Mon Sep 17 00:00:00 2001 From: Nolan Lawson Date: Thu, 25 May 2017 12:14:56 -0700 Subject: [PATCH] Fix "contains" CSS for Chromium <57 (#3317) Fixes #3277. I've tested in QupZilla on Mac and can confirm it fixes the issue, and that Chrome 58 is not affected (because it has Grid). --- app/javascript/styles/components.scss | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 2a4c9dffeb..91f7b8057c 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -1326,7 +1326,9 @@ .drawer { flex: 1 1 100%; overflow: hidden; - contain: strict; + @supports(display: grid) { // hack to fix Chrome <57 + contain: strict; + } } @media screen and (min-width: 360px) { @@ -1501,7 +1503,9 @@ flex: 1 1 auto; backface-visibility: hidden; -webkit-overflow-scrolling: touch; - contain: strict; + @supports(display: grid) { // hack to fix Chrome <57 + contain: strict; + } &.optionally-scrollable { overflow-y: auto; @@ -2250,7 +2254,9 @@ button.icon-button.active i.fa-retweet { flex: 1 1 auto; align-items: center; justify-content: center; - contain: strict; + @supports(display: grid) { // hack to fix Chrome <57 + contain: strict; + } a { color: $ui-highlight-color;