Issue with Element Interaction on iOS

Hey Webflowers!

I am working on a client project, and I’ve run into an issue that I can’t quite figure out:

I have an interaction set up in the hero section where a user clicks the “Join Us” button, and it flips into an email subscribe form.

It looks/works great when I test it on my laptop (all of the different breakpoints are working too), but when I tried it out on my iPhone and iPad, the interaction doesn’t work right and gets glitchy. I tried on both Chrome and Safari. I haven’t tested on Android yet. Does anyone know why this could be happening and how to fix?

Thanks!


Here is my public share link: https://preview.webflow.com/preview/publicrunning?utm_medium=preview_link&utm_source=dashboard&utm_content=publicrunning&preview=bbb81bf6e6daa893f67edb04f6ee8620&mode=preview

Here are screen recordings of what’s going on as well:
On laptop–

On iPhone–

@Serena_Nixon Try to do this if it will fix the problem: https://www.loom.com/share/96206fbd97a74832baa5d39f56a393b5

Try to make the height: auto