From d2abb7f4b9a848adebcfbe240c3a9647476203eb Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Tue, 30 Jan 2018 09:13:09 -0500
Subject: [PATCH] Fix feedback iframe scrolling for iOS.

This is a long standing issue with how iOS deals with scrollable
elements within a fixed area. This was a helpful resource
https://davidwalsh.name/scroll-iframes-ios
---
 src/components/feedback-form/feedback-form.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/feedback-form/feedback-form.css b/src/components/feedback-form/feedback-form.css
index f94d05db8..ace3fcaac 100644
--- a/src/components/feedback-form/feedback-form.css
+++ b/src/components/feedback-form/feedback-form.css
@@ -2,6 +2,9 @@
 @import "../../css/units.css";
 @import "../../css/typography.css";
 
+$content-width: 500px;
+$content-height: 450px;
+
 .modal-overlay {
     position: fixed;
     top: 0;
@@ -19,12 +22,18 @@
     padding: 0;
     border-radius: $space;
     user-select: none;
-    width: 500px;
-    height: 450px;
+    width: $content-width;
     color: $text-primary;
     overflow: hidden;
 }
 
 .body {
+    /* Need to repeat dimensions here to allow iframe scrolling for iOS */
+    width: $content-width;
+    height: $content-height;
     background: $ui-pane-gray;
+
+    /* These properties needed to allow iframe scrolling for iOS */
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
 }