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

**URL:** <https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506>\
**Category:** General\
**Created:** [June 28, 2023, 2:49pm UTC](https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506 "2023-06-28T14:49:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![itslaurenalexander](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/itslaurenalexander/32/508_2.png) [@itslaurenalexander](https://forum.finsweet.com/u/itslaurenalexander)\
**Post date:** [June 28, 2023, 2:49pm UTC](https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506/1 "2023-06-28T14:49:32Z")

</div>

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](https://convo-communications.webflow.io/)**  
**[Read-only Link](https://preview.webflow.com/preview/convo-communications?utm_medium=preview_link&utm_source=designer&utm_content=convo-communications&preview=92bb14c775d7461e59c82a5a9f0b4c93&workflow=preview)**

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [June 28, 2023, 10:14pm UTC](https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506/2 "2023-06-28T22:14:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![itslaurenalexander](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/itslaurenalexander/32/508_2.png) [@itslaurenalexander](https://forum.finsweet.com/u/itslaurenalexander)\
**Post date:** [June 28, 2023, 10:33pm UTC](https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506/3 "2023-06-28T22:33:02Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![itslaurenalexander](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/itslaurenalexander/32/508_2.png) [@itslaurenalexander](https://forum.finsweet.com/u/itslaurenalexander)\
**Post date:** [June 30, 2023, 4:09pm UTC](https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506/4 "2023-06-30T16:09:02Z")

</div>

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

There might be a bug with this solution on iOS.

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [June 30, 2023, 4:46pm UTC](https://forum.finsweet.com/t/modal-with-form-is-not-allowing-for-scroll-on-tablet-and-below/1506/5 "2023-06-30T16:46:20Z")

</div>

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