diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue index b46d933c0..79937c780 100644 --- a/src/common-components/button-question/button-question.vue +++ b/src/common-components/button-question/button-question.vue @@ -160,6 +160,7 @@ export default { .overflow-scroll { // Height will be determined by overall height of content above list height: calc(100% - 300px); + overflow-x: hidden !important; -webkit-overflow-scrolling: touch; } } diff --git a/src/common-components/funnel-footer/funnel-footer.vue b/src/common-components/funnel-footer/funnel-footer.vue index 62b7d9147..cea6b403e 100644 --- a/src/common-components/funnel-footer/funnel-footer.vue +++ b/src/common-components/funnel-footer/funnel-footer.vue @@ -126,5 +126,8 @@ export default { justify-content: flex-start; } } + & > .container-fluid { + overflow-x: visible; // needed to fix hidden footer on some iphones + } } diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 8425a3021..2b2fde4c4 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -23,7 +23,7 @@ body { } .container, .container-fluid { - overflow-x: hidden !important; + overflow-x: hidden; } .sr-only {