Form fields fail validation on mobile devices

[exanubes]

Didn't want to open another issue as I'm not sure it's a bug and want to see if anyone has experience with this issue

PROBLEM: Form validation works well on desktop, fails on mobile devices

TECH USED: nextjs, formik and yup.

VERBOSE:

Made a simple form submission site which works just fine on desktop – validation and all. However, it's a different story on mobile devices – iphone and ipad, not sure about android devices as I don't have any. When filling in a field it works as expected, however, once touching away or going to the next field, it shows a validation error as if the field was left empty.

Not sure what could be at fault here, first time I've come across something like this. See images below

"Pole wymagane" means "Required field"

Mobile

Desktop

[exanubes]

the issues on apple devices were caused by regex