Error: null is not an object (evaluating ‘this.elements.submit)

  • anthonyjo

    (@anthonyjo)


    3 weeks, 4 days ago

    Hi,

    Some customers get this error when trying to pay for a product with iDeal/Wero selected as payment method.

    null is not an object (evaluating ‘this.elements.submit)
    displayed in red

    I tried to place an order myself on Safari, and it worked for me, no errors.

    The error occurred after the last 2 successional updates of the Stripe payments plugin.

    Setup website:
    WordPress updated to latest
    BuddyBoss theme updated to latest
    WooCommerce updated to latest
    Payment Plugins for Stripe WooCommerce updated to latest
    Payment Plugins for PayPal WooCommerce updated to latest

    Thanks for your insights and possible assistance!

    Anthony

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Clayton R

    (@mrclayton)

    3 weeks, 4 days ago

    Hi @anthonyjo

    Thank you for contacting Payment Plugins. For the customers that experienced that error, can you confirm if iDEAL should have been shown for them? If you look at the order details page, what country code was used for their shipping address?

    Kind Regards

    Thread Starter anthonyjo

    (@anthonyjo)

    3 weeks, 4 days ago

    Hello Clayton, thanks for your response.
    The error was with Dutch customers selecting iDeal/Wero.

    Could it be because of iDeal is changing into European Wero?

    Kind regards, Anthony

    Plugin Author Clayton R

    (@mrclayton)

    3 weeks, 4 days ago

    Hi @anthonyjo

    Could it be because of iDeal is changing into European Wero?

    I don’t believe that would be the cause. Are you using any cache plugins on your site?

    Kind Regards

    Plugin Author Clayton R

    (@mrclayton)

    3 weeks, 4 days ago

    Hi @anthonyjo

    As a follow up, the following Javascript code was observed on your checkout page:

    Uncaught SyntaxError: Unexpected token '&' (at checkout/:254:32)

    It’s possible that error could interfere with the iDEAL payment element being setup. It looks like that error is related to your Google Tag Manager.

    Kind Regards

    • This reply was modified 3 weeks, 4 days ago by Clayton R.
    Thread Starter anthonyjo

    (@anthonyjo)

    3 weeks, 3 days ago

    Thank you for your tip Clayton, I have removed the google tag code from the header (using custom css in the theme options from BuddyBoss) and will be using Google Site kit to monitor. I’ll update you if the issue is resolved or persists.

    Cheers, Anthony

    Plugin Author Clayton R

    (@mrclayton)

    3 weeks ago

    Hi @anthonyjo

    Checking in to see if you had any more occurrences of that JS error.

    Kind Regards

    Thread Starter anthonyjo

    (@anthonyjo)

    2 weeks, 2 days ago

    Hi Clayton,
    The issue seems resolved, but now there is no way to get the google tag code in the header because it will cause the error… Using Site kit made it even worse, so i deleted that plugin. The strange thing is that when i tried to pay with iDeal myself via Safari browser, all went smooth, but our students experienced the issue, however not all of them. I also noticed that there are relatively many updates your your plugins for Stripe and paypal, way more than usual, is there a reason for that?

    i have no idea what to do next, honestly. Thanks for your insights and possible tips.

    Anthony

    • This reply was modified 2 weeks, 2 days ago by anthonyjo.
    Plugin Author Clayton R

    (@mrclayton)

    1 week, 6 days ago

    Hi @anthonyjo

    all went smooth, but our students experienced the issue, however not all of them.

    I would recommend running your Google tag code through something like Claude as it will find any syntax errors for you.

    I also noticed that there are relatively many updates your your plugins for Stripe and paypal, way more than usual, is there a reason for that?

    That’s just the nature of development, sometimes several updates in a short period of time happen. With Stripe, version 4.0.0+ was a major update and given the large number of plugin users, there is bound to be some things that merchants discover that require resolving.

    Kind Regards

    Thread Starter anthonyjo

    (@anthonyjo)

    4 days, 14 hours ago

    Hello Clayton.

    Things are still weird and I believe it’s only when Ideal/Wero is selected. Have no google tag anywhere on our website.

    A Dutch customer just emailed me with a weird issue, so I think the bug is there, also because I believe the issue dis arise since iDeal was changed into IDeal/Wero. She had 3 items in het cart when she selected Ideal/Wero as payment option. Then, 1 of the items was removed from her cart, and she wasn’t able to put that item back in. I logged in as her account and produced the same result. When I logged back in as our test account the item could be added.

    Any ideas, suggestions? Quite important because we are running a sale right now.

    I have debug log on so maybe we can find some info there? If you tell me where to find the log I can send it to you.

    Thanks!

    Anthony

    Plugin Author Clayton R

    (@mrclayton)

    4 days, 12 hours ago

    Hi @anthonyjo

    There isn’t any logic in the Stripe plugin that would cause an item to be removed from the cart on the checkout page.

    I observed that when I filled out the billing information, one of the items in the cart was removed but that wasn’t triggered by any Stripe plugin code.

    The product that was removed was https://braveart.academy/classes/beginning-animation-with-stefan-gruber/.

    I believe the removal was the result of the email field being filled out and then your cart abandonment plugin making a request.

    Kind Regards

    Thread Starter anthonyjo

    (@anthonyjo)

    4 days, 12 hours ago

    Could it be that the item was removed because it isn’t available for customers in the US or CA?

    Try this one please, I’ll keep the cart abandonment plugin active for now

    https://braveart.academy/classes/an-introduction-to-art-journaling/

    Plugin Author Clayton R

    (@mrclayton)

    4 days, 12 hours ago

    Hi @anthonyjo

    Try this one please, I’ll keep the cart abandonment plugin active for now

    I didn’t observe the item being removed from the cart but I can confirm it’s not the Stripe plugin causing that behavior.

    Since you stated you can replicate the issue, I recommend you log in as your customer, and click f12 on your keyboard using the Chrome browser. You can then observer the ajax requests via the Network tab and pinpoint where that item removal request is coming from.

    Kind Regards

Viewing 12 replies - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.