Modal with form is not allowing for scroll on tablet and below

I have a form inside of a modal on my site that is not working consistently across all breakpoints/devices.

I think the issue is coming from the overflow settings.

It appears that modal scrolling on mobile works in Firefox only, however, when the scroll is working I can’t interact with the form at all.

The scrolling on mobile does not work on Chrome or Safari, but I can interact with the form.

I need to be able to scroll AND interact with the form on all breakpoints/devices.

Staging Link
Read-only Link

Hey @itslaurenalexander! Can you share the device you are testing this from? I tested using Google Chrome and the default internet app in an Android Vivo V2050 and I had no issues whatsoever.

Hey @Support-Luis. I’ve tested this on an iPhone 13 Pro running iOS 16.5.1 as well as an iPad Pro.

When I test it in the browser via chrome inspect I have no issues.

I’ve cleared cache and everything as well.

When I remove the Finsweet attributes code for disable scrolling (Disable Scroll for Webflow - No-code using Attributes) the modal scrolls as expected on iPhone and iPad.

There might be a bug with this solution on iOS.

Yes, I agree with you. I’ll open a bug report for this. Thanks @itslaurenalexander!

1 Like