topic Re: Form can’t load properly on iPhone ios v15.4+ in APIs & Integrations

Form can’t load properly on iPhone ios v15.4+

dhuang53 — Mon, 08 Aug 2022 19:49:16 GMT

(*Update 20220808: Test results on different iPhone devices and ios versions)

Hello community! I'm looking for helps about loading the forms on iPhones. My HubSpot forms can't load completely on some iPhones. I'm suspecting this issue is happening on iPhones that have ios version higher than 15.4.

My current test results:

Device	ios	Resource	Form Status
iPhone X	15.6	Real device	Not loaded completely
iPhone X	11	BrowserStack	Ok
iPhone 11	15.3.1	Real device	Ok
iPhone 11 Pro	15.6	Real device	Not loaded completely
iPhone 11 Pro	15.4	BrowserStack	Not loaded completely
iPhone 12	14	BrowserStack	Ok
iPhone 12 mini	14	BrowserStack	Ok
iPhone 12 pro	14.4	BrowserStack	Ok
iPhone 13	15	BrowserStack	Ok
iPhone 13	15.5	BrowserStack	Not loaded completely
iPhone 13	15.6	Real device	Not loaded completely
iPhone 13 mini	15.4	BrowserStack	Not loaded completely
iPhone 13 pro	15.2	BrowserStack	Ok
iPhone 13 pro max	15.3	BrowserStack	Ok

After some investigation, we also found that all the form elements are in place and users can click on them even though can't see those fields visually. But we're not sure how to resovle the issue.

The example link:
https://www.labmanager.com/webinars/streamlined-benchtop-chemistry-faster-workflow-from-reaction-to-fraction-28548

The test video:

https://youtube.com/playlist?list=PLsR5LIdMc2VHYbaWfIzu_q8aNHziS1pAs

More context: I'm displaying the form using react-hubspot-form. https://github.com/escaladesports/react-hubspot-form

I'm grateful for any suggestions/helps from the community. Thank you!

Re: Form can’t load properly on iPhone

Jaycee_Lewis — Fri, 05 Aug 2022 17:23:14 GMT

Hi, @dhuang53 👋 Welcome to the community! Hey @LMeert @Teun @zaklein, do you have any experience you can share with @dhuang53?

Thank you! — Jaycee

Re: Form can’t load properly on iPhone

dhuang53 — Mon, 08 Aug 2022 19:51:12 GMT

Hello @Jaycee_Lewis thank you for your warm greeting and repling under this post to help with getting some attention on this issue! 🙂

Re: Form can’t load properly on iPhone ios v15.4+

dhuang53 — Thu, 11 Aug 2022 16:41:23 GMT

It turns out the issue was css filter in iPhones. Setting `filter: none` on <aside> makes the error goes way.

Re: Form can’t load properly on iPhone ios v15.4+

Jaycee_Lewis — Thu, 11 Aug 2022 16:44:15 GMT

Hey, @dhuang53 👋 Thank you very much for taking time to add multiple updates and your solution. We appreciate you 🙌

Thanks! — Jaycee