robinv | Stripe Developers | Page 1

sand adderBOT Apr 18, 2023, 9:22 AM

#

dry cave Apr 18, 2023, 9:23 AM

#

Hi there!

sand adderBOT Apr 18, 2023, 9:28 AM

#

heavy bough Apr 18, 2023, 9:29 AM

#

Hey, could you please share a recording of the behaviour? Thanks!

ripe raven Apr 18, 2023, 9:42 AM

#

this shows the part of the page where it's not working, mouse or touch events anywhere over the PaymentElement are not usable for scrolling

heavy bough Apr 18, 2023, 9:44 AM

#

Thanks, I see.
Our React lib doesn’t support the shadow DOM, so there's not much I can help you with, unfortunately.
There're some community efforts to work around this that you might want to check out: https://github.com/bennypowers/stripe-elements/

ripe raven Apr 18, 2023, 9:50 AM

#

this one is rendered outside of the shadow DOM though ☝️ and then repositioned over the other element... but maybe that's causing this unwanted side effect somehow...
And yeah I've seen that other library but it does not have the PaymentElement unfurtunately

heavy bough Apr 18, 2023, 9:54 AM

#

Could you maybe share some code where this is handled?

sand adderBOT Apr 18, 2023, 10:29 AM

#

ripe raven Apr 18, 2023, 10:53 AM

#

this example contains most of the Provider component which is wrapped around the PaymentElement... so that solves the web component issue but probably somehow the stripe component adds "pointer-events: none" to the iframe?

📎 example-code.txt

heavy arch Apr 18, 2023, 11:01 AM

#

but probably somehow the stripe component adds "pointer-events: none" to the iframe?
That can't be customizable or removed AFAIK. This is quiet particular use case honestly 🤔 I'm afraid that outside the official supported Stripe react native plugin issues (e.g. outside of the shadow DOM), we couldn't assist you further....

#

Let me double check again for this...

#robinv