Streaming live at 10am (PST)

Form text field causing weird behavior on mobile

Hi All,

I have created a form that scrolls one question at a time and everything looks/works great in my browser, but the text field is causing weird behavior on my Android mobile phone. Maybe this has something to do with the keyboard. When starting to type, clicking anywhere outside the field (including on the next button) causes automatic scrolling upwards.

Each question is set at 100vh and there is a button that scrolls to the next anchor point. The dropdown fields are not causing this behavior, only the text fields and only on mobile.

Not sure if this has to do with the design, an Android problem or what.

Anyone know how to fix this?

RESOLVED: I removed vh100 from mobile and replaced it with spacing above/below the div box, then added data-scroll + mid in the custom attributes. Looks so clean now!