From 0a7a089269bce1781031e8b69536ff7993e310ce Mon Sep 17 00:00:00 2001 From: Bernardo Anderson Date: Thu, 11 Jun 2026 14:21:45 -0500 Subject: [PATCH] CP-14026 - Prevent horizontal overflow on mobile and adjust bottom padding Set overflowX to hidden on mobile views to prevent unintended horizontal scrolling. Replace the dynamic safe-area-inset-bottom padding with a fixed 6rem value for consistent visual spacing. --- app/javascript/submission_form/form.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue index 0882f0866..cb194daed 100644 --- a/app/javascript/submission_form/form.vue +++ b/app/javascript/submission_form/form.vue @@ -943,9 +943,10 @@ export default { const style = { backgroundColor: this.backgroundColor } if (this.isMobile) { + style.overflowX = 'hidden' style.minHeight = '100dvh' style.paddingTop = 'max(env(safe-area-inset-top), 1.5rem)' - style.paddingBottom = 'max(env(safe-area-inset-bottom), 1.5rem)' + style.paddingBottom = '6rem' } return style