paypal-js icon indicating copy to clipboard operation
paypal-js copied to clipboard

Published 20 hours ago • verified publisher icon paypal

[Bug] Paypal Modals hidden behind <dialog> modals

Open wesbos opened this issue 1 year ago • 8 comments

Library used

Using the React library, but this exists with all implementations.

🐞 Describe the Bug

Using a PayPal button to pay, when clicking to open the popup window, paypal shows a modal that essentially disables the website while the work in being done in the popup:

Screenshot 2024-06-13 at 1 20 12 PM

This modal is injected into the body and has a z-index of 2147483647 but that does not go higher than CSS top-layer, on things like a <dialog> element shown with .showModal().

In my case - I have a checkout using a <dialog> element, and the paypal UI renders underneath it.

Stripe is also suffering from the same issue

The fix is to move Paypal modal to a native

element and if available (currently 100% browser support), use .showModal() to open it. Older browsers can still be polyfilled or just shown with CSS as your already are.

wesbos avatar Jun 13 '24 17:06 wesbos

Sorry, just deleted my comment and opened another issue. I think its another problem.

dkoenigroer avatar Jul 08 '24 17:07 dkoenigroer

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

github-actions[bot] avatar Oct 07 '24 00:10 github-actions[bot]

Not stale. Still very much an issue

wesbos avatar Oct 07 '24 00:10 wesbos

Having the same issue

L-Blondy avatar Nov 09 '24 09:11 L-Blondy

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

github-actions[bot] avatar Feb 08 '25 00:02 github-actions[bot]

Still an issue

wesbos avatar Feb 08 '25 00:02 wesbos

I am also having this problem

Premier-Solutions avatar Mar 26 '25 05:03 Premier-Solutions

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

github-actions[bot] avatar Jun 25 '25 00:06 github-actions[bot]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information.

github-actions[bot] avatar Jul 03 '25 00:07 github-actions[bot]

Still an issue

prostoandrei avatar Jul 23 '25 13:07 prostoandrei