#_greggles_

1 messages ยท Page 1 of 1 (latest)

junior driftBOT
#

Hello! We'll be with you shortly. Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

hearty tapir
#

๐Ÿ‘‹

white sentinel
#

Did you already try setting allow-top-navigation or allow-top-navigation-by-user-activation in your i-frame?

hearty tapir
#

The iframe is created by Google Pay, I believe. I do not create an iframe on the page.

#

I've tested Cash App Pay on the same integration and it looks like it creates an iframe.

#

Although maybe Stripe creates that one.

white sentinel
#

When does that error occur in the flow? After you dismiss the Google Pay modal? Or before?

hearty tapir
#

No, the google pay modal is the iframe. The error occurs trying to create that modal

#

Still there?

white sentinel
#

Yup! Give me a couple minutes. The server is a bit busy

hearty tapir
#

No worries! Thanks for your attention ๐Ÿ™‚

#

I am also getting this error on page load which is relevant

Unable to download payment manifest "https://pay.google.com/gp/p/web_manifest.json"
white sentinel
#

Can you look through the HTML on your page and check every element? Like, I can't see how this isn't coming from an i-frame that the Payment Element is nested under.

hearty tapir
#

There is no iframe on my page. When I select Cash App Pay, an iframe is created with the name attribute "__privateStripeFrame80821"

#

Same with using a US Bank Account.

#

When I submit using Google Pay, I immediately get that error when I would expect the iframe to be created.

#

So I guess I'm saying, the other payment methods work as expected, only Google Pay is throwing this error.

fathom glade
#

Hello! I'm taking over and catching up...

hearty tapir
#

Hey there. Sorry to be a pain!

fathom glade
#

Can you make this page or a test case available somewhere online so we can debug on our end? An issue like this is really difficult to debug without direct access to the page.

hearty tapir
#

Yes I can do that but it's going to take some time for me to put this up on my dev server.

#

2 minutes

fathom glade
#

In the meantime can you get to the point where the Payment Element is displayed, then open the browser console and run the following code, then share the output?

for (const iframe of document.querySelectorAll('iframe[sandbox]')) { console.log(iframe.src); console.log(iframe.sandbox); }
hearty tapir
#
DOMTokenList(5) ['allow-scripts', 'allow-forms', 'allow-popups', 'allow-popups-to-escape-sandbox', 'allow-same-origin', value: 'allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin']
0
: 
"allow-scripts"
1
: 
"allow-forms"
2
: 
"allow-popups"
3
: 
"allow-popups-to-escape-sandbox"
4
: 
"allow-same-origin"
length
: 
5
value
: 
"allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin"
[[Prototype]]
: 
DOMTokenList
fathom glade
#

There should have been a URL before that.

fathom glade
#

And that's the only URL in the output?

hearty tapir
fathom glade
#

๐Ÿค”

hearty tapir
fathom glade
#

Can you run this in the same console?

try { console.log(window.self !== window.top); } catch (e) { console.log(true); }
hearty tapir
#

false

fathom glade
#

Hm. Will be interesting to see if the issue persists when the page is online. Wondering if it's something to do with your local environment, but I guess we'll see soon!

hearty tapir
#

Maybe. The deployment is almost done. Just getting ready to test.

fathom glade
#

How's it going?

hearty tapir
#

Same error, unfortunately

fathom glade
#

Looking...

#

That login info isn't working for me.

hearty tapir
#

Sorry, changed the email

fathom glade
#

Ah, there we go...

hearty tapir
#

Quick and dirty...

fathom glade
#

When does the error appear for you exactly?

hearty tapir
#

Upon submit

#

Enter anything for address to get past the validation and submit.

fathom glade
#

Submit of what?

#

Yeah, I did that, now I see the Google Pay sheet.

hearty tapir
#

Selecting Google Pay first, of course.

fathom glade
#

So are you not able to get the Google Pay sheet to appear?

#

The error prevents that from happening on your end?

hearty tapir
#

I see this, but when I submit the form, I get the error

#

Confirm & Purchase button

fathom glade
#

I don't, it works for me. Perhaps your have a browser extension that's causing an issue? Can you try in incognito?

hearty tapir
#

Google Pay is not an option in incognito for me.

fathom glade
#

Maybe try disabling all your extensions for a moment?

hearty tapir
fathom glade
#

Then if it works try turning them back on one at a time.

#

Yeah, you can ignore that error, it won't impact anything.

hearty tapir
#

All extentions disabled and GP is still not showing as a payment option :\

fathom glade
#

Outside of incognito it's not showing up?

#

Icognito is a quick way to try without extensions, but it might have stopped Google Pay from working.

hearty tapir
#

In regular browsing mode it does show as an option

#

I'll try a different browser

fathom glade
#

Yeah, can you try there with extensions turned off? Make sure you reload the page after disabling extensions.

hearty tapir
#

Safari it doesn't show as an option either, in regular mode I mean

fathom glade
#

Yeah, Google Pay works in Chrome.

#

It's possible you hit the internal rate limit and Google Pay won't show up for that reason.

#

Can you try restarting Chrome and see if shows up again?

hearty tapir
#

I have restarted after disabling extentions. Will do so again.

fathom glade
hearty tapir
#

I do see it. When I clicked Pay Chrome blocked a popup

fathom glade
#

Yeah, something strange is going on with your browser. That's a basic reference implementation that's known to work.

#

Maybe look through Chrome's payment and security settings for things that might cause an issue?

#

You also said US Bank Account caused the same issue, right? Does the reference implementation work with that payment method for you?

hearty tapir
#

No. US Bank and Cash App Pay were fine.

fathom glade
#

Ah, I misread.

#

When you open that does it say Can make payment under the buy button?

hearty tapir
#

Yeah that works fine.

fathom glade
#

Does it say you have an enrolled insrurment under that?

hearty tapir
#

Sorry

#

Cannot make payment
No enrolled instrument

fathom glade
#

Ah... okay. That's likely the core of the issue.

#

If you click on the buy button on that page what happens?

hearty tapir
#

A pop up appears with my actual credit cards available.

#

Should I make a payment?

fathom glade
#

Okay, that's what's supposed to happen. And you have actual Google Pay cards, not just cards stored locally in Chrome?

#

No, you can X out.

hearty tapir
#

Actually, no. Those are saved cards. I am not enrolled in Google Pay.

fathom glade
#

Ah, okay. That's the primary problem then, you need a Google Pay card to use/test Google Pay.

#

Although I'm not sure why the option was showing up in the first place... maybe you have the setting that prevents sites from checking the status of Google Pay turned off?

#

If you go to chrome://settings/payments do you have "Allow sites to check if you have payment methods saved" turned on or off?

hearty tapir
#

I see. I can do that, but I'd expect to be able to test a Stripe integration without one, like any other payment method,

#

It's off

fathom glade
#

That's not how Google Pay (or Apple Pay) work with Stripe. In test mode you see and use your real Google Pay and Apple Pay cards.

hearty tapir
#

I just turned it on

fathom glade
#

Ah, okay, so if you turn that on you shouldn't see Google Pay as an option anymore until you add a Google Pay card.

hearty tapir
#

It's on, I restarted the browser and I still see Google Pay on the dev server and my local

fathom glade
#

And you're not in incognito, right?

hearty tapir
#

Correct

fathom glade
#

And you still get the same error when you try to use it?

hearty tapir
#

Aha!

#

I do not.

#

The iframe works.

fathom glade
#

Interesting.

hearty tapir
#

Thank you so much for your patience.

fathom glade
#

No problem, we're here to help!

hearty tapir
#

I wonder if this would fail in production though

#

I'd rather not show payment methods that throw a fatal error

fathom glade
#

Well, the reason I said, "interesting," up there was because it shouldn't fail like this.

#

Hang on...

hearty tapir
#

Hanging...

fathom glade
#

Hm, I can't reproduce Google Pay showing up when no Google Pay cards are available. I'm using a separate profile with no cards saved...

hearty tapir
#

How about toggling that check for saved cards option to off?

fathom glade
#

Tried it both ways.

#

Google Pay doesn't show up in the Payment Element for me either way.

hearty tapir
#

Huh. I toggled it off and got the error when submitting

fathom glade
#

I wonder why I can't reproduce on my end...

hearty tapir
#

OK, so I do have cards registered with google pay

#

These are not just stored in Chrome, they're registered payment methods with G Pay

fathom glade
#

Oh, here we go! I'm able to reproduce now.

hearty tapir
#

Solid

fathom glade
#

I'll flag internally and we'll work on getting this fixed. Thank you for working with me to get to reproduction steps!