Unable to click 'Finish' button after selecting payment

-- HikaShop version -- : 4.0.2
-- Joomla version -- : 3.9.3
-- PHP version -- : 5.6.40
-- Browser(s) name and version -- : Edge 16

Using our Braintree payment plugin customers using certain Edge browser versions (16 for example) are unable to click the Finish button in checkout.

Our plugin collects card information and submits and receives authorization and a nonce from Braintree indicating payment method was approved. However, the script called on click of the Finish button is not allowing the click to continue.

This script appears to be unique to Edge or at least certain browsers. There is a different script for non-Edge / IE browsers.

Our Braintree plugin is working great with all other browsers.

Is there something we need to be setting to get your script to enable the Finish button? I was hoping for some insight rather than debugging the script by hand.

Thanks

Update on testing results.

I have a test site set up very similar to the client's site. Testing is successful through the entire checkout process on the test site with all browsers, including Edge 16, 17, 18. However, on the client's site the same checkout process gets stuck after the payment information is added and approved by Braintree. The 'Next' button is NOT clickable.

I will send frontend user credentials for testing via Contact Us. Here are the test steps to replicate the issue.

1) Go to: elegantmemorials.com/bifold-funeral-prog...ral-program-template
2) Click 'Add to cart' and 'Proceed to checkout'
3) Log in as the user I'll provide
4) Click next to go to Payment step
5) Enter card details (these are test numbers, but will still be approved)
card: 4111111111111111, cvv: 111, expiration: 01 2020
6) Click the green 'Continue' button - and you should see a message "Payment method approved"

Now you cannot click on the 'Next' button.

Thanks for checking. We are aware of the two JS issues you noted. Our test site uses the same versions of the Braintree plugin, etc. And it includes those same two JS issues. But it works fine in Edge.

At least I thought it did. I created a Registered user on the testing site because I was going to provide it as an example to you that the test site worked with Edge. But, when I tested using that Registered user (I am usually logging in to the test site with my own super user account), the 'Next' button cannot be clicked. So this reflects the same issue as the client site now. I am looking into it and will reply back to this thread either way.

I have removed the JS errors referred to earlier. That has not resolved this issue with Edge browser versions. I am thinking there is a possibility that the <pre>"if(window.checkout.onFormSubmit && !window.checkout.onFormSubmit(this.form)) { return false; }"</pre> part of the onClick functionality on the Next button is the issue.

Our Braintree plugin has its own form that deals with the hosted fields for the CC information. So my hypothesis is the the "this.form" no longer references the parent checkout form. And I'm not certain how to change the execution scope to solve that.

This onClick code appears to be new to recent versions of HS (4.0.2 in comparison to 4.0.0).

I'll send updated credentials for the login to the Elegant Memorials site. Otherwise everything is the same.

Thanks, Paul

I tried making an override of the show_block_buttons.php template and changing this.form to getElementById('hikashop_checkout_form'). But that did not resolve the issue. So I (in my test environment) made a copy of the checkout.js file and added some console.info calls. It turns out the click on the Next button is always being rejected because the el.submit_in_progress is always evaluating as true.

I tried setting that in my Braintree plugin as false as a last step after the payment method approval is received. That does solve the problem.

So it appears that I need to possibly adopt intercepting the submit progress as a cleaner implementation.