diff --git a/src/components/feedback-form/feedback-form.css b/src/components/feedback-form/feedback-form.css index f94d05db890344651a6d1ee180533b0492d170e0..ace3fcaac67601d6a3c6fc202a28402b17f82b7f 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; }