Error when submitting iFrame embedded Formie form on iOS devices
Describe the bug
Hello,
I have a Formie form that is embedded on a website via iFrame. I have updated the frameAncestors accordingly and the embedded form is submitting without issue on my desktop device (macbook).
When I try submit the embedded form on a iOS device (iPhone), it is erroring with the below response:
{ "name": "Bad Request", "message": "Unable to verify your data submission.", "code": 0, "error": "Unable to verify your data submission.", "status": 400 }
Full response for request in network tab:
Response :status: 400
Alt-Svc: h3=":443"; ma=86400
Cache-Control: no-cache, no-store, must-revalidate
cf-cache-status: DYNAMIC
cf-ray: 94d83bba2e6dbda5-DUB
Content-Type: application/json; charset=UTF-8
Date: Tue, 10 Jun 2025 10:37:25 GMT
Expires: 0
nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Pragma: no-cache
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=eOgoxyPukna9%2BO2o3YsO22sJZX1yHrEoB%2FpgXo754zEtVgUbKKk2zJeg0zvf5jjo8W3QsyRnX7eLyMQC0IplBsHjRezFq8%2BgZvR0SBvwgJSUpIltKgrPtRMPUm%2FK"}]}
Server: cloudflare
Set-Cookie: CRAFT_CSRF_TOKEN=9f04a086ec4e275cd4d859299e0e0bf85978f127db9cb7af024509872b88e213a%3A2%3A%7Bi%3A0%3Bs%3A16%3A%22CRAFT_CSRF_TOKEN%22%3Bi%3A1%3Bs%3A40%3A%22_NqGJkgaZwLfxhGdbv2Juz6PGCq62bfeUsNFMvti%22%3B%7D; HttpOnly; SameSite=None; Secure; Path=/
x-robots-tag: none
As mentioned above, this is ONLY happening when the embedded form is submitted via a Iphone.
Steps to reproduce
- Submit the form on https://www.ashtons.co.uk/property-feedback?id=CLS240205 via desktop
- Submit the form on https://www.ashtons.co.uk/property-feedback?id=CLS240205 via Iphone
Form settings
- Multi-page form: No
- Submission Method: Page Reload
- Client-side Validation: No
- Custom Form Templates: Yes
Craft CMS version
4.14.15
Plugin version
2.1.47
Multi-site?
Yes
Additional context
No response