Checkout is stuck when payment method is used

This article provides an explanation and fix for the Adobe Commerce 2.3.X issue where the checkout gets stuck if is used, with the ‘Cannot read property ‘length’ of null’ error message in the browser console log.

Affected products and versions

  • Adobe Commerce 2.3.X
The core Adobe Commerce Authorize.Net payment integration has been deprecated since 2.3.4 and was completely removed in 2.4.0. Use an extension that suits your needs from the Adobe Commerce Marketplace instead.


Steps to reproduce

  1. Configure the payment method in the Commerce Admin.
  2. Go to the storefront.
  3. Add a product to the cart and proceed to checkout.
  4. Choose as a payment method.
  5. Click Place Order.

Expected result

The iframe is loaded.

Actual result

Ajax spinner is displayed, and the page never loads. The following JS error is displayed in the browser console log: ‘Uncaught TypeError: Cannot read property ‘length’ of null at b (’


One of the most common reasons for this issue is the Public Client Key not being specified in the Authorize.Net configuration in the Commerce Admin.


Under Stores > Settings > Configuration > Sales > Payment Methods, in the section, check if the value is specified in the Public Client Key field. If it is empty, enter the key value from your Authorize.Net merchant account.

For the changes to be applied, clean the cache by running

bin/magento cache:clean