topic Re: AcceptUI modal not opening for specific user in Integration and Testing

AcceptUI modal not opening for specific user

dmoore — Thu, 08 Mar 2018 13:55:03 GMT

We are working on implementing accept ui as a replacement for DPM, but one of my testers is having issues. When she clicks on the payment button, the modal does not open, there is no information is the console, just nothing. It works fine for her in edge, but firefox and chrome have the same behavior. Other users are not having the same issue. She can bring up the js file fine without any warnings, I'm stumped. Does anybody have any ideas about what could be causing this?

Here is the code we are using:

</button>

I'm stumped on this and am hesitant to release it to a wider user base until we figure it out. Thanks!

Re: AcceptUI modal not opening for specific user

dmoore — Fri, 09 Mar 2018 15:03:25 GMT

So a bit more information. This specific user is using a microsoft surface. They can use the touch screen to activate the button, however using the mouse does not work. It seems to work fine on another surface that was tested.

Re: AcceptUI modal not opening for specific user

chrislav — Fri, 16 Mar 2018 21:06:03 GMT

I have the same issue with any computer that has a touchscreen, even some that don't where chrome is reporting that ontouchstart is in window

As a workaround, you can do this on click of the button:

if ("ontouchstart" in window || navigator.msMaxTouchPoints) {
console.log("AuthorizeNet bug workaround")
$("#AcceptUIContainer").addClass('show');
$("#AcceptUIBackground").addClass('show');
}

Re: AcceptUI modal not opening for specific user

robmiller20X6 — Fri, 20 Apr 2018 17:23:42 GMT

We are integrating the accept JS library and payment popup on our checkout and we are also experiencing the same issue with devices that use both touch screen and mouse. It seems that if any touch capability is detected, the mouse events aren't handled. I pretty-printed the library at https://js.authorize.net/v3/AcceptUI.js and at the very beginning you can see where the problem is:

function e() {
        var t = document.getElementsByClassName("AcceptUI")[0],
            e = "ontouchstart" in window || navigator.msMaxTouchPoints;
        g(t, e ? "touchend" : "click", n), g(window, "message", U), a(t, m), O(), i(), d()
    }

It looks like this is selecting 'touchend' or 'click' on the basis of whether or not touch capabilities are present, but it's not handling scenarios where both are present. So when a user tries to pay with a hybrid device that uses touch and mouse, the event isn't handled and the modal popup doesn't appear.

Re: AcceptUI modal not opening for specific user

joeld — Wed, 02 May 2018 15:16:42 GMT

We have started to implement the accept.JS method across our client sites and are getting reports of this same behavior where the payment window does not appear. We have two laptops in our office that have the same behavior, neither have a touchscreen.

At this point, our only option is to revert back to using a legacy method, which is unfortunate because they are legacy for some reason.

Do we have any update from Register on how this issue is being addressed?

Re: AcceptUI modal not opening for specific user

ezraw — Wed, 02 May 2018 15:31:37 GMT

I can confirm this. Using a touchscreen HP Envy laptop and a mouse, the modal never appears.

Re: AcceptUI modal not opening for specific user

ezraw — Wed, 02 May 2018 15:49:07 GMT

chrislav's workaround above works for us.

if ("ontouchstart" in window || navigator.msMaxTouchPoints) {
    console.log("AuthorizeNet bug workaround")
 $("#AcceptUIContainer").addClass('show');
$("#AcceptUIBackground").addClass('show');
}

Re: AcceptUI modal not opening for specific user

dzuczek — Thu, 10 May 2018 19:10:25 GMT

RichardH, how is this "solved"?

Accept.JS shouldn't require any additional javascript per the documentation: https://developer.authorize.net/api/reference/features/acceptjs.html

Any button with "AcceptUI" as the class will have javascript actions attached to it to show the payment form.

This needs to be fixed in the remote AcceptUI.js as pointed out by robmiller20X6 above

Re: AcceptUI modal not opening for specific user

Anurag — Fri, 11 May 2018 20:37:47 GMT

Hi @dzuczek

Yes we are fixing this issue in the next Accept UI release tentatively planned in June .

Thanks

Re: AcceptUI modal not opening for specific user

karenM — Fri, 29 Jun 2018 17:46:17 GMT

Is a fix still coming?

We have been live about 3.5 weeks and have gotten several calls from customers about this issue.

Thanks,

Re: AcceptUI modal not opening for specific user

karenM — Fri, 29 Jun 2018 17:53:50 GMT

Is a fix still coming in June?

Re: AcceptUI modal not opening for specific user

Anurag — Fri, 29 Jun 2018 18:44:48 GMT

Hi @karenM

The release date for the release with this fix is July 19th . The date got bumped due to some internal freeze for releases .

Thanks

Anurag

Re: AcceptUI modal not opening for specific user

karenM — Thu, 19 Jul 2018 19:06:51 GMT

Hello Anurag,

Can you confirm is this fix was released today?

Thanks, K

Re: AcceptUI modal not opening for specific user

Anurag — Fri, 20 Jul 2018 04:23:58 GMT

It has been deployed in sandbox . Can you check and confirm the issue is resolved ?

Thanks

Re: AcceptUI modal not opening for specific user

karenM — Tue, 24 Jul 2018 17:26:58 GMT

Hello Anurag,

Unfortunately, I am unable to duplicate this issue. I only know that I have a few customers per week experiencing this issue.

Thanks, K

Re: AcceptUI modal not opening for specific user

karenM — Mon, 30 Jul 2018 19:11:59 GMT

Hello,

Do you know when this bug fix will be deployed to the live environment?

Thanks