Hello friends,
I created a modal overlay for a form that opens on the click/tap of a button. It works perfectly on desktop, tablet and and on taller mobile phones (iPhone 14 Pro Plus), but it’s not working on shorter mobile phones (iPhone 14 Pro).
What happens on iPhone 14 Pro is that the modal opens but nothing is clickable in it. Something to note is a weird behavior which could be causing this, which is that when the overlay appears, what’s in the background slides upwards, which is not how I intend it to be – it should stay in place. I also discovered that once the modal is open and not working, if I scroll down to go to the top of the page, the mdal suddenly becomes clickable and it works, but only if I scroll up to the top, which no one will do because they are already at the top of the page.
Appreciate any help with this!
Here is my public share link: https://preview.webflow.com/preview/lux-market-site?utm_medium=preview_link&utm_source=designer&utm_content=lux-market-site&preview=ba724cf4ea43e1bdd9251950bc30e568&workflow=preview
Thank you : )
