On my test website, I have a login and register form. The login form has two interactions: Form Success and Form Error. This form also has a redirect action.
On desktop and Android browsers, when the login is successful, the Form Success interaction popup is displayed as expected. But in iPhone browsers, the Form Success interaction popup is not displayed at all after a successful login. When I delete the redirect action, the problem is solved.
To test this, please first register here and login here. The login result will be different in Android and iPhone browsers.
I’ve tried to replicate this issue on an Android phone and laptop (MacBook). As you already noticed, I couldn’t. After successfully submitting the form, the popup showed, and soon after, there was a redirect.
As I don’t have an iPhone, I’ve asked a colleague to test it, and he could not reproduce either (using iPhone XR, iOS 18.3.1 and Safari browser).
In his case, when he tried to log in, the popup opened, and then he was redirected.
I tried it on a few different iOS devices that day and it didn’t show up. I don’t know why but it works fine now and there are no issues🙂 So this is not a bug.
It seems that iPhone browsers have a problem with the redirect action in the form element. In fact, when the form has a redirect, the animation does not run after a successful login.
thank you so much. I was able to replicate the difference. On desktop, it shows the popup just before it redirects, but on mobile (iPhone), there is no popup.
Just for the reference, before I create a task, have you observed the same if you add interaction directly on the form? I tested locally, and it was the same for me, but I’m curious if you tested this as well.
If you didn’t, just let me know; no need to spend more time on that
Thank you very much for taking the time to review this report Matej
Just for the reference, before I create a task, have you observed the same if you add interaction directly on the form?
Yes, I tried all the different scenarios before the report. Like you, if I applied the interaction to the form element as well, it still didn’t work.
I missed that this setting is empty when I first watched your video, and I also haven’t set it when I was testing. So… I saw the popup, when the page was a bit slower
Can you set it to 2000 or something like this, and let me know if it works for you then? I’ve tested locally with timeout, and it works for me.
Oh, yes you are right. I even set it to 500ms and now the popup is displayed. I didn’t think this option would help at all. Because it was not a problem in other browsers.
