Error: Cannot read properties of null

  • Resolved fjpmaia

    (@fjpmaia)


    1 year, 6 months ago

    In the last checkout step (Payment Methods), the plugin displays the error in the console:

    checkout-validation-300.js:121 Uncaught TypeError: Cannot read properties of null (reading ‘querySelector’)
    at addInlineMessage (checkout-validation-300.js:121:36)
    at processValidationResults (checkout-validation-300.js:381:6)
    at _publicMethods.validateField (checkout-validation-300.js:520:10)
    at HTMLInputElement.handleValidateEvent (checkout-validation-300.js:444:18)
    at HTMLFormElement.dispatch (jquery.min.js?ver=3.6.4:2:43184)
    at y.handle (jquery.min.js?ver=3.6.4:2:41168)
    at Object.trigger (jquery.min.js?ver=3.6.4:2:71790)
    at HTMLInputElement. (jquery.min.js?ver=3.6.4:2:72385)
    at Function.each (jquery.min.js?ver=3.6.4:2:3003)
    at e..each (jquery.min.js?ver=3.6.4:2:1481)

    I checked that the Fluid Checkou plugin is validating the fields on the credit card form that obviously have not yet been filled in and that should be validated when sending the data at checkout through the Asaas payment gateway. I think that the Fluid Checkout plugin should not validate the Payment Methods form fields. The way I found at the time was to temporarily change the checkout-validation-300.js file to not validate the fields of the form in question. I also enabled Debug Mode and Load unminified files. How best to resolve the error?

Viewing 1 replies (of 1 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    Hi @fjpmaia,

    The JavaScript error has been fixed in the file checkout-validation.js and will be available with the next version of the plugin, which is set to be released in about a week.

    Also, WooCommerce forces the validation of fields in the payment method sections every time the checkout page parts is updated, which caused Fluid Checkout validation to show error messages even without the customer interacting with it. This behavior is also fixed with the next version.

    For now, you can use the beta version from the link below:
    https://t2449427.p.clickup-attachments.com/t2449427/73ead9b0-ed82-4a7d-b3e5-8911b579a1ce/fluid-checkout-3.0.2-beta-3.zip

    I’m closing this ticket for now. If you need further assistance related to this issue, simply reply to this message to re-open it.

    Best,
    Diego.

Viewing 1 replies (of 1 total)
  • The topic ‘Error: Cannot read properties of null’ is closed to new replies.