@martin I’ve been developing a new site that uses reflow. I have got the Auth Users working to use Email & Password and everything works fine. Apart from when I try to log in on ipad using chrome. It works ok on all windows/mac desktops and android chrome also works ok in safari on the ipad.
Using iPadOS Version 17.6.1
Chrome Version: 130.0.6723.37 (Also didn’t work on previous version)
Thank you for letting us know! A few things to help us narrow down the possible cause:
Hi @martin
Thanks for getting back to me. Ive just installed firebox and edge and it has the same issue. Safari seems to be the only browser it works on.
I will install and test google login later and see if that gives the same problems.
@martin After lots of testing it does actually sign in, but it doesn’t update the page or redirect to the Sign-In URL so it doesn’t look like it has signed in.
If you press anywhere on the page it will then update that you have signed in or redirect if the Sign-In URL is set.
Tested on:
Chrome
Firefox
Edge
Opera
DuckDuckGo
All have the same bug on both email and google sign in
Thank you for the video, it helps a lot! Can you try if this demo works: https://nextjs-how-to-add-users-demo.vercel.app/
@martin no, it does the same as the video. It also does the same if I try to register an account
Tested on all the previously mentioned browsers.
We made some changes. Can you try if the issue is resolved on https://nextjs-how-to-add-users-demo.vercel.app/
To make sure that no caching is in effect, make sure that the page shows “Next.js v14.1.4 | Reflow Auth v2.0.6” in gray text at the bottom right.
In opera it works perfectly with both email and google authentication.
However in Chrome, it works with google authentication but not with email.
Also in chrome on the email it doesn’t work once you click somewhere on the page as it did before in the video.
Something I’ve just noticed.
In chrome, on both google and email auth, it lets you in on the second attempt.
Thank you for the help with tracking the issue down! The login on second attempt appears to be a separate issue related to the Nextjs library. The main problem with the logins on non-safari browsers seems to be resolved by our last fix. We will bring this change to the html toolkit which Bootstrap Studio uses next week. I will update this thread when it’s ready.
@richards We brought the fix to the html toolkit (which Bootstrap Studio uses). If your website uses the CDN version of the Reflow toolkit it will use the new version right away. Let us know if you see any problems.
@martin Google login seems to work ok, but email authentication works 8 out of 20 attempts.
These seemed quite random, the most it would work twice in a row, and usually on the 5th or 6th go. I even tried waiting a few seconds before submitting to give everything a chance to load. That made no difference.
I connected chrome on the ipad up to safari dev tools on my mac.
The only error was I could see was:
The onSuccess option of the signIn method is deprecated. Please update your code to use the onSignin and onSubscribe callbacks instead.
This only appeared once, so I’m not sure if it was anything to do with reflow.
This was all tested on https://nextjs-how-to-add-users-demo.vercel.app/
I did notice that when it was not successful then on the signin page closing nothing was updating in the timeline of the app page.
Thank you! This will help us a lot in squashing the bug with the next.js library in the coming days.
Can you try this demo, this is the HTML toolkit which Bootstrap Studio uses for its components (for various reasons it’s a separate library from the next.js one). If everything works here, it would indicate that the issue has been eliminated and your login will work in the sites you build with Bootstrap Studio.
It seems to be working well. A couple of times it returns to the sign in page without signing in, but maybe that is something to do with a build up of sessions.
Thank you