The Paypal button has background that overflows behind the borders of the button. This is especially visible on dark mode -> https://snipboard.io/Y5zQ72.jpg
Could you please improve it like you did with the Stripe payment plugin just recently?
Thank you for contacting Payment Plugins. The issue you’re having with the PayPal button is more than likely related to your site’s CSS. Here is a screenshot showing the PayPal button with a dark background which doesn’t have the overflow issue.
I am encountering a Javascript error on your checkout page which is preventing the PayPal button from rendering. It looks like you’re using a cache which might be the cause of that JS error.
react-dom.min.js:10 TypeError: Cannot read properties of undefined (reading 'lineItems')
Once you resolve that error I will take another look.
I just saw the error in Incognito window… Thanks for letting me know. As far as I can see the Paypal button is loading on the basket page fine in incognito. Can you check it there?
I was able to see the button using incognito. I did not observer an overflow issue with PayPal when I changed the background color to black. Here is a screenshot of my test:
I rolled back the Stripe by Payment Plugins from v3.3.97 to v3.3.96 and all express buttons are loading fine now on checkout while in incognito window.
I rolled back the Stripe by Payment Plugins from v3.3.97 to v3.3.96 and all express buttons are loading fine now
Yes, that is why I believe that error is cache related. You appear to be using a cache on your site and version 3.3.97 uses some different variable names. Your cached scripts need to be purged.
I had the litespeed cache cleared but forgot to clear the js minified files from Perfmatters. It’s working ok now v3.3.7. My bad.
About the Paypal button overflow I just realised that the overflow occurs only while the intial load of the page the background is set to dark mode. See this short recording
