Checkout problem - some customers experiencing a login loop issue in Safari

loopedlooped Member
Our client has had a few emails from customers who are having trouble with the Foxycart Checkout. So far it appears to be an issue only with people using Safari on Mac OS but we have been unable to re-create it. We have asked our client to get more detailed information from customers whenever possible but so far we have just two examples with no obvious correlation.

Safari 10.12.2
OS Sierra,
MacBook Air (13-inch, Mid 2013)

Safari 10.0.1
OS Sierra version 10.12.1
MacBook Pro (13-inch, Mid 2012)

The nature of the problem is a s follows:
In the Checkout the customer provides their email and password details which in turn appear to have autofilled the address details. Directly afterwards however a continuos flickering of the Checkout's login box is making it impossible for them to complete the purchase. This is best illustrated by a video we were sent from which we have taken the following screen grabs to show the actual changes that occur within each 'loop'. This continuos looping is causing the flickering effect. Could it be that it is unable to get the required feedback from the login javascript? Please note that the customer's cursor is static (in the same position) throughout these stills. The customer is actually unable to type anything in to the field because it is jumping around.

image

image

image

image

image

image

The site is monsoonestates.co.uk
It is using Version 2.

Thank you in advance for any help you can give us in solving this issue.
Regards,
Louise
Comments
  • fc_adamfc_adam FoxyCart Team
    @looped,

    Sorry for the issue here - this is a known issue and we have a change currently pending in our QA queue for this. Safari has made some changes recently that increases its eagerness to fill in the username/password - and mixed with our rendering approach for the email and password, it ends up looping.

    If you'd like to fix it in the interim, you can apply the following code to your store's checkout template. Navigate to your store's FoxyCart administration, and to the "Checkout" template page. Set it to a "Custom Template" and look for the line {% embed 'checkout.inc.twig' %} and paste the following code right after that line:

    {% block login_register %}
    <div style="position:absolute; height:0px; width:0px; overflow:hidden; opacity: 0; top:0px; left:0px;">
    <input type="email" name="email_dummy" data-fc-dummy tabindex="-1"/>
    <input type="password" name="password_dummy" data-fc-dummy tabindex="-1"/>
    </div>
    {{ parent() }}
    {% endblock %}
  • Thank you for providing a quick fix. I have just put that in place in now.
    Please could you update this discussion letting us know when the change has been made.

    Thanks, Louise
  • fc_adamfc_adam FoxyCart Team
    @looped,

    Certainly!
  • I've had a couple customers experience the same and am glad there's a quick fix now and a permanent fix underway.

    Is this an issue just in Safari and on Macs?

    I had a customer complain this week about having an issue with trying to checkout on Windows (not sure of the browser) - it eventually worked for her but initially was looping and flickering while it seemed to be trying to look her up before finally allowing her to move on. This was for a new customer without an account on file.
  • fc_adamfc_adam FoxyCart Team
    @Sparky,

    The login looping issue is specific for Safari yes.

    If you find out any more information from the customer as to what they were experiencing, we'd be happy to take a closer look. Feel free to open up a new thread or email in if you get any more specifics there.
  • fc_adamfc_adam FoxyCart Team
    @looped,

    Quick update for you - we've just rolled out the change to our native templates. You can now remove the fix suggested previously as it's covered by the new native templates.
Sign In or Register to comment.