ficklepickle-card-webview | Stripe Developers | Page 1

civic cobaltBOT Dec 21, 2023, 3:50 PM

#

smoky pond Dec 21, 2023, 3:51 PM

#

Not immediately sure but I am looking in to this and will get back to you

#

And to be clear, you are talking about the credit card element's iframe, not an iframe that the credit card element is inside of, correct?

#

Also to be clear are you seeing this on the simulator, real devices, or both?

zealous raptor Dec 21, 2023, 4:09 PM

#

Correct, the card element's iframe

#

Yes, seeing on simulator and real devices

smoky pond Dec 21, 2023, 4:14 PM

#

I'm not finding other reports of this issue at the moment and have found a couple references to this working. So it should be possible

#

Reaching out to my colleagues with more RN knowledge for help

#

Can you try visiting that same URL from safari in your iOS simulator?
Also it sounds like this is likely a different issue than one that I found, but can you try tapping on the element twice to see if that does anything?

zealous raptor Dec 21, 2023, 4:32 PM

#

Tapping twice doesn't work

#

the source url in the iframe doesn't load in the browser

#

For more context, we're using the mobile webview point to a certain page on our website. The card element works fine on web and on Android, but fails for iOS for some reason

smoky pond Dec 21, 2023, 4:36 PM

#

Is this a standard react native webview? Or a custom/third party one? My understanding is that those should operate the same as Safari on iOS, so that is surprising that it isn't even loading

zealous raptor Dec 21, 2023, 4:36 PM

#

Yup, from react-native-webview

#

is the source url suppose to display something when input into the browser? I just get a blank page, with a 403 in the console

smoky pond Dec 21, 2023, 4:38 PM

#

Oh sorry, I think there is some confusion here. I meant can you go to the same URL as the webview in your browser? I don't think navigating to the card's iframe URL is supposed to work

zealous raptor Dec 21, 2023, 4:38 PM

#

ohhh gotcha. Yes, I am able to access that url. That's what I meant by the card element working fine on web

smoky pond Dec 21, 2023, 4:41 PM

#

Just to double check: you tested that URL in safari on the same simulator or physical device and it worked properly?

#

And my colleagues are working on their own repo, just want to make sure we are tackling this from both angles

civic cobaltBOT Dec 21, 2023, 4:47 PM

#

zealous raptor Dec 21, 2023, 4:49 PM

#

Ohhh I see, test within safari within the device. I'll try that now

zealous raptor Dec 21, 2023, 5:06 PM

#

Yup, the url in safari on simulator works

azure steeple Dec 21, 2023, 5:28 PM

#

👋 pompey had to head out so I'm hopping in

#

SInce it's working in safari we're thinking it's something specific to RN's webview

#

We're still trying a couple of things out on our end

civic cobaltBOT Dec 21, 2023, 5:33 PM

#

ficklepickle-card-webview

azure steeple Dec 21, 2023, 5:44 PM

#

We've tried reproing with a RN webview that loads https://4242.io/card-element in an iframe but we're not seeing the same behavior, so we're thinking it may be something specific to your own site/integration

#

Can you try loading https://4242.io/card-element in your iframe and see if that works?

#

Also, do you have a modal or some framework that assumes control of the focus when the webpage gets rendered that could be affecting this?

zealous raptor Dec 21, 2023, 5:45 PM

#

Kk I'll try loading that

#

Hmm looks like I'm unable to load it in my webview

#

source={{ uri: "https://4242.io/card-element/" }}

#

#

on safari within the simulator I'm able to

#

Error: An SSL error has occurred and a secure connection to the server cannot be made

azure steeple Dec 21, 2023, 5:53 PM

#

Using source={{ uri: "https://4242.io/card-element/" }} loads it directly in the webview - instead of doing that you should be adding a page in-between that has an iframe that in turn loads the https://4242.io/card-element/ site

#ficklepickle-card-webview