#danboyle8637-StripeElements

1 messages · Page 1 of 1 (latest)

midnight jasper
#

Hi, taking a look here.

unreal briar
#

those iframes are controlled by Stripe and invisible, they are just part of Stripe.js and the internals of our library

#

I'm not fully following the height question though, are you setting that height in the parent/HTML like what's the issue?

woeful forge
#

Okay... thanks about the iframe. I figured, but I just wanted to understand.

For the height I am not setting the height. Only CSS I am adding that is not in the options object where you customize the form is I set a width of 100% on the wrapper div... otherwise it is not taking up the full width. But no height is being set.

unreal briar
#

I'm sorry I'm still finding this cryptic

#

what's the issue? What is the problem with the height? Can you share a detailed screenshot of what you see?

woeful forge
#

Is there a way I can post a picture or video?

unreal briar
#

yes you can upload a picture or a video. Picture should be enough

woeful forge
unreal briar
#

Can you share your exact HTML?

woeful forge
#

yeah... give me 2

#

you mean my react code or the html from dev tools?

#

sorry that height is the old one... sorry

unreal briar
#

I was hoping to see the raw HTMLto understand how you're structuring this. Like what is the parent of the PaymentElement and what are its CSS properties? Do you have a live page we can look at?

woeful forge
#

I don't have a live page sorry... This is only on localhost at this time

#

That container CSS is the immediate parent of the PaymentElement. The next parent up has this CSS.

unreal briar
#

can you make it have height:100% too? Sorry CSS is not my forte and without seeing this live it's going to be really hard to narrow it down and debug

woeful forge
#

I am beginning to wonder if it's a chrome bug when you're viewing other devices from dev tools because when I just shrink my window the form works fine

#

It's okay... I'll keep testing and if I see it in my staging tests I'll come back here. Thanks for taking a look at this though!

unreal briar
#

I see what you mean though I haven't seen this before. So it doens't happen on a real iOS device?

#

you can use something like https://ngrok.com to quickly test your localhost page for example

woeful forge
#

I tested on iOS simulator and it was fine. I will try ngrok as well thanks

#

iOS simulator being the one from xcode

unreal briar
#

yeah it's plausible that Chrome does a weird thing in mobile view

woeful forge
#

thanks again!