wc-ppcp-hide-button class is just hiding the button but focus is still on button

Hi @cyberchimps

When I select this PayPal payment method by clicking on the PayPal input radio button and hitting enter instead of clicking through the mouse

Click events don’t trigger until you click through the mouse so what you’re describing isn’t unexpected, that’s just how click events work.

The Stripe and PayPal plugin’s don’t control the radio button behavior, they just listen for the click event when the radio button is selected. Based on that event, the Place Order button is hidden/shown.

The user has to actually click through the mouse (or trackpad, whatever they use to click) to ensure the click event fires.

Kind Regards

I agree that the user has to actually click through the mouse (or trackpad, whatever they use to click) to ensure the click event fires. But when I select the input radio button for Paypal, the focus should be on the input radio button or the proceed to payment button. At least the focus should not be on the woocommerce default place order button or Stripe’s place order button.

But when I select the input radio button for Paypal, the focus should be on the input radio button or the proceed to payment button. At least the focus should not be on the woocommerce default place order button or Stripe’s place order button

Can you share a screenshot that demonstrates what you’re describing because I am not sure I follow.

If you can share a website link that would also be helpful.

Kind Regards

Website: https://www.dealfuel.com

Select any product and go to the checkout page.

When clicking on a PayPal payment with the mouse, the payment process works as expected. However, if you switch to a different payment method and then back to PayPal and then hit enter instead of clicking it (using the mouse), it gives an error on top of the page because the stripe payment button got clicked after hitting enter as the focus is on the stripe payment button.

After hitting enter, it should redirect to the PayPal payment or remove the focus from the stripe payment button so that after hitting enter stripe payment button will not get clicked.

Hi @cyberchimps

This doesn’t look like an issue related to what element is focused on. Is the error you’re seeing saying There was an error processing your payment. Reason:?

If so, that’s coming from the PayPal plugin because there is no valid order ID created by clicking the PayPal button. We will improve that messaging in the next release so it’s more intuative.

Thanks