Merge pull request #60 from studio24/hotfix/body-overflow

fix: Replace logical property for overflow on <body>
studio24 · Jan 30, 2024 · 3ef9953 · 3ef9953
2 parents a06127c + 85344cc
commit 3ef9953
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 11 deletions.
diff --git a/assets-src/styles/sass/30-base/_body.scss b/assets-src/styles/sass/30-base/_body.scss
@@ -3,7 +3,7 @@
 
     1. Prevent font size inflation with change of orientation
     2. Needed for sticky footer
-    3. Because autoprefixer does not cover IE grid
+    3. Equivalent `overflow-inline` logical property not currently well supported
 \*------------------------------------*/
 
 html {
@@ -21,13 +21,10 @@ body {
 	background-color: $off-white;
 	color: $off-black;
 	display: grid; /* 2 */
-	display: -ms-grid; /* 3 */
 	grid-template-columns: 100%;
-	-ms-grid-columns: 100%; /* 3 */
 	grid-template-rows: 1fr auto; /* 2 */
-	-ms-grid-rows: 1fr auto; /* 3 */
 	min-block-size: 100%;
-	overflow-inline: hidden;
+	overflow-x: hidden; /* 3 */
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 }
diff --git a/web/dist/styles/core.css b/web/dist/styles/core.css
@@ -186,7 +186,7 @@ article {
 
     1. Prevent font size inflation with change of orientation
     2. Needed for sticky footer
-    3. Because autoprefixer does not cover IE grid
+    3. Equivalent `overflow-inline` logical property not currently well supported
 \*------------------------------------*/
 html {
   block-size: 100%;
@@ -202,13 +202,10 @@ body {
   background-color: #fcfcfc;
   color: #252525;
   display: grid; /* 2 */
-  display: -ms-grid; /* 3 */
   grid-template-columns: 100%;
-  -ms-grid-columns: 100%; /* 3 */
   grid-template-rows: 1fr auto; /* 2 */
-  -ms-grid-rows: 1fr auto; /* 3 */
   min-block-size: 100%;
-  overflow-inline: hidden;
+  overflow-x: hidden; /* 3 */
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
 }