From 01885dbbc146333c1f73fc84117290fee159a381 Mon Sep 17 00:00:00 2001
From: Jake Archibald <jaffathecake@gmail.com>
Date: Tue, 6 Nov 2018 17:15:49 +0000
Subject: [PATCH] Working around some glitching when page was scrolled.

---
 src/components/Options/style.scss | 1 +
 src/components/intro/style.scss   | 4 +++-
 src/style/index.scss              | 1 -
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Options/style.scss b/src/components/Options/style.scss
index 3ec68295..34143e12 100644
--- a/src/components/Options/style.scss
+++ b/src/components/Options/style.scss
@@ -54,4 +54,5 @@ $horizontalPadding: 15px;
 .options-scroller {
   overflow-x: hidden;
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
 }
diff --git a/src/components/intro/style.scss b/src/components/intro/style.scss
index 1ab4d88a..8d1b3124 100644
--- a/src/components/intro/style.scss
+++ b/src/components/intro/style.scss
@@ -19,7 +19,6 @@
 }
 
 .intro {
-  composes: abs-fill from '../../lib/util.scss';
   display: grid;
   grid-template-rows: 1fr min-content;
   align-items: center;
@@ -29,6 +28,9 @@
   -webkit-overflow-scrolling: touch;
   overflow: auto;
   padding: 20px 0 0;
+  height: 100%;
+  box-sizing: border-box;
+  overscroll-behavior: contain;
 }
 
 .logo-container {
diff --git a/src/style/index.scss b/src/style/index.scss
index 27037998..6a638106 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -2,7 +2,6 @@
 
 html, body {
   height: 100%;
-  width: 100%;
   padding: 0;
   margin: 0;
   font: 12px/1.3 system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif;