Form submission error on iPhone

Hello, @Nicolas_REMY.

Can you share with me your pubspec.yaml file?

Regards, Nikita

I have sent it to you via private message.

Please note, though, that the above example was made simply in the mobile Safari browser (not the app built with the native shell).

Ah, stop. Are you launching an app from an iPhone just using Safari?
The same error is reproduced when running through a native shell. Did I understand correctly?

My app is a “normal” app, built with the native shell. This is where I first noticed the issue.

To help narrow down where the issue comes from, and because I know that within the native shell, it really all is a webview, I figured I would try it with a simple website launched from Safari. So I built a test page.

If the issue disappears, then it has to do with the shell. But it’s not the case. The issue is still there on mobile Safari. So I believe it has to do with something in the SDK being incompatible with mobile Safari somewhere.

Thanks for the clarification. I just tried to reproduce your error in a clean application (using a shell). The problem did not reproduce.


image

Result:

I will pass this issue on to the UI-SDK development team.

Weird, because I also started from a blank page. They can try to see what is wrong in my app.

Quick question, though : on your button, did you set the behavior property to “Submit” or not ?
image

Mine was left to “Default”, NOT “Submit”.

Indeed, the aim is to be able to submit the form with any action, like clicking on an icon, and not only a button which submits. This was the subject of this ticket : How can I launch form submission when clicking on an icon?

I set “Default”

1 Like

Thanks.

This all makes me even more curious to understand what is going wrong. It looks like it’s only on my app and/or my device, which is better. But I’d be grateful for a solution because for the time being it’s broken.

Your app is running in the cloud backendless or do you have Pro/Managed installation?

It’s a standard cloud app, on the EU cluster.
My app ID is D7075715-5086-625A-FFAB-39C2F40FB200.

Works fine with iOS 16.6. Which version do you have?

OK, so the plot thickens :

  • in Safari mobile on iOS 16.6 : :white_check_mark:
  • in Safari mobile on iOS 15.7.8 : :x:
  • in native mobile app shell on iOS 16.6 : :x:
  • in native mobile app shell on iOS 15.7.8 : :x:

And just as as reminder, when I reinstall my older app (using native mobile app shell) built before July 17 : :white_check_mark:

Hi,

Do you have any news regarding this issue ?
I am waiting eagerly for a resolution because it blocks the build of my new version.

Thanks.

Yes, the problem is located in support of requestSubmit in safari. As you can see - it starts from v16.

I’ve created an internal ticket and what’s more important is the fix is already done, but it takes time to release.

As a temporary workaround, I could offer you to not use this block, and maintain submit by your hands.

Thank you for reporting the issue and for your patience, we much appreciate it.

Regards, Dima.

Hi @Dima , thanks for the reply.

I can’t really not use it, because it’s one icon submitting a different form according to which tab is displayed. So it’s not a simple button submitting only one form.

Good to know it’s in the pipes, though. Do you know if it will be released before the end of the week ?

How about this solution:

image

if (form.el) {
  if (form.el.requestSubmit) {
    form.el.requestSubmit()
  } else {
    form.el.submit()
  }
}

Great, I will try this and see if it works !
Thanks for the tip.

Hi,

I have tried this solution on several forms I have, and unfortunately, it does not work.

When triggered, it does not launch the On Submit Event, and instead it reloads the entire page. This is not the desired outcome :cry:

Have you managed to get it to work ?

Yes, I test it before share with you.

Could I see this behavior on the page you provided for testing before?

Here is what happens :

form-submit

This is the first page seen very quickly upon clicking the button that submits the form :

Only the logic in the On Click Event happens, not the logic in the On Submit Event.

Then the whole HTML page reloads and the app displays the main page (the one with 6 buttons).