version 8.1.1 credit card payment form is not showing if you have paypal enabled

Hi @travelavenger,

As I understand you’re having compatibility issues with your payment methods between PayPal and Credit Cards. PayPal isn’t an option for the WooCommerce Stripe Payment Gateway. Do you have any other plugins for PayPal payments? There may be a conflict with the plugin you’re using for it.

In the meantime, I’d like to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:

• System Status Report which you can find via WooCommerce > Status > Get system report > Copy for support.
• Fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Once we have more information, we’ll be able to assist you further.

Thanks!
-OP

HI there

Our tech staff has given us some javascript error while switching between paypal and credit card option at the screen:

Uncaught (in promise) IntegrationError: This Element has already been destroyed. Please create a new one.

see if this helps

Hello there @travelavenger,

Thanks for sharing more details on this.

However, it would be very helpful if you could share with us more details like the ones my colleague asked for above and even the error logs generated under WooCommerce > Status > Logs.

These would help understand the issue even further. You can copy and paste them via https://gist.github.com/ and send the link here.

Looking forward to your reply.

HI there,

We did an investigation on our side and our system should have no issue because the credit card form only disappeared in firefox, google chrome is ok. Might to do with javascript not compatible with firefox.

The site we are using has paypal activated in the prior version (legacy version)

Thank you!

Hey, @travelavenger!

We did an investigation on our side and our system should have no issue because the credit card form only disappeared in firefox, google chrome is ok. Might to do with javascript not compatible with firefox.

Thanks for letting us know!

Just to confirm the javascript code you mentioned is custom code, correct?

Please let us know if there’s anything else we can do to help or if you have any questions.

Have a wonderful day!

Hi there,

Thank you for the follow up, the code in firefox without the form is:

Credit / Debit Card

        <ul class="woocommerce-SavedPaymentMethods wc-saved-payment-methods" data-count="0"><li class="woocommerce-SavedPaymentMethods-new">
            <input id="wc-stripe-payment-token-new" type="radio" name="wc-stripe-payment-token" value="new" style="width:auto;" class="woocommerce-SavedPaymentMethods-tokenInput" />
            <label for="wc-stripe-payment-token-new">Use a new payment method</label>
        </li></ul>
        <fieldset id="wc-stripe-upe-form" class="wc-upe-form wc-payment-form">
            <div class="wc-stripe-upe-element"></div>
            <div id="wc-stripe-upe-errors" role="alert"></div>
            <input id="wc-stripe-payment-method-upe" type="hidden" name="wc-stripe-payment-method-upe" />
            <input id="wc_stripe_selected_upe_payment_type" type="hidden" name="wc_stripe_selected_upe_payment_type" />
            <input type="hidden" class="wc-stripe-is-deferred-intent" name="wc-stripe-is-deferred-intent" value="1" />
        </fieldset>
                <fieldset >
        <p class="form-row woocommerce-SavedPaymentMethods-saveNew">
            <input id="wc-stripe-new-payment-method" name="wc-stripe-new-payment-method" type="checkbox" value="true" style="width:auto;"  />
            <label for="wc-stripe-new-payment-method" style="display:inline;">
                Save payment information to my account for future purchases.                </label>
        </p>
    </fieldset>
            </div>
</li>
    </ul>
    <div class="form-row place-order">
    <noscript>
        Since your browser does not support JavaScript, or it is disabled, please ensure you click the <em>Update Totals</em> button before placing your order. You may be charged more than the amount stated above if you fail to do so.          <br/><button type="submit" class="button alt" name="woocommerce_checkout_update_totals" value="Update totals">Update totals</button>
    </noscript>

and when you switch from paypal to credit card option, there is a javascript error:

Uncaught (in promise) IntegrationError: This Element has already been destroyed. Please create a new one.

Hi @travelavenger,

In order to better understand this issue and try to replicate it we need to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:

• System Status Report which you can find via WooCommerce > Status > Get system report > Copy for support.
• Fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Once we have more information, we’ll be able to assist you further.

Thanks!
-OP

Hi there ?? ,

We haven’t heard from you in a while; this is to check if you’ve been able to proceed with the troubleshooting steps provided before and if you still need help.

Thanks!
-OP