brambilla | Stripe Developers | Page 1

uneven ledgeBOT Jul 11, 2023, 11:58 PM

#

tepid rampart Jul 11, 2023, 11:58 PM

#

Hello! That's interesting. Do you have a link to the page where that's happening so I can take a look?

warm flower Jul 12, 2023, 12:00 AM

#

Not yet, but I have the code in git

uneven ledgeBOT Jul 12, 2023, 12:02 AM

#

warm flower Jul 12, 2023, 12:02 AM

#

https://github.com/GabrielEduardoBrambilla/Rocket-food-frontend/tree/master/src/components/Stripe

tepid rampart Jul 12, 2023, 12:02 AM

#

Are you using the appearance API?

warm flower Jul 12, 2023, 12:02 AM

#

Yes

tepid rampart Jul 12, 2023, 12:02 AM

#

If so does not using it fix the issue?

warm flower Jul 12, 2023, 12:02 AM

#

No

#

It still not working properly

raven hatch Jul 12, 2023, 12:03 AM

#

👋 Taking over this thread, catching up now

warm flower Jul 12, 2023, 12:03 AM

#

src\pages\order\index.jsx

#

Where the payment element is being used

#

And for some reason is just in the mobile view

#

And if you toggle the theme in the side menu the payment element loads correctly then, not squished

#

I also have this log here on the browser that I didn't understood; Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.

raven hatch Jul 12, 2023, 12:10 AM

#

Where did you use appearance API? I can't find the usage in the code

warm flower Jul 12, 2023, 12:10 AM

#

I tried to give all the info anything u can ask

#

Stripe folder

#

Index.jsx

#

line 19

raven hatch Jul 12, 2023, 12:14 AM

#

What do you mean mobile view? Do you mean the issue only occurs on mobile browser or mobile view in desktop browser?

warm flower Jul 12, 2023, 12:15 AM

#

mobile view in desktop browser

#

Maybe it's the browser?

#

I'm using opera

raven hatch Jul 12, 2023, 12:17 AM

#

Does it happen if you open it directly on mobile browser?

warm flower Jul 12, 2023, 12:18 AM

#

Yeah, but I think is the browser cause I opened in chrome now and it's working

#

The way it opens

#

The way it should open

#

(I change the theme so it reloaded the element)

raven hatch Jul 12, 2023, 12:25 AM

#

I'm confused. When I asked if the issue happens on the mobile browser, the reply was yes, but you also said it's working at the same time. Let's step back a bit. Can you explain whether following environment has this issue?

Mobile view in opera
Mobile view in chrome
Mobile browser directly on chrome

warm flower Jul 12, 2023, 12:26 AM

#

1

#

Mobile view in opera

raven hatch Jul 12, 2023, 12:27 AM

#

So 2 and 3 work fine?

warm flower Jul 12, 2023, 12:27 AM

#

Yes

raven hatch Jul 12, 2023, 12:28 AM

#

What is the use case that you will use mobile view in Opera to accept payment?

#

These are the browsers that Stripe supports: https://stripe.com/docs/js/appendix/supported_browsers

#

Only Opera with version 25+ in normal desktop browser is supported

warm flower Jul 12, 2023, 12:30 AM

#

Just a second

#

I'm doing a little bit of testing here and I return to u asap

raven hatch Jul 12, 2023, 12:34 AM

#

Sure!

warm flower Jul 12, 2023, 12:41 AM

#

Got it. I've made a useEffect to reload, the options when the component is displayed in the mobile view, that solves the problem. But what was actually happening was that my browser is not supported, I said opera but what I'm using is opera GX, probably there is a difference in how they run, sorry for the bothering, but thanks I solved the problem thanks to u

warm flower Jul 12, 2023, 12:42 AM

#

warm flower Got it. I've made a useEffect to reload, the options when the component is displ...

The user has to confirm his items before going to the payment form so I added a useEffect to listen for when the form is displayed

#

It's already late night here, thanks for everything, good work

#brambilla