#dogpoo66_code
unreal cloudBOT
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1441403347859935355
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
open valve
👋 happy to help
dense axle
Sorry, code I put in was wrong
Here is the full code I am running, I get express checkout element to show up and payment element to show up but just cant seem to get adaptive pricing to show up. I have got access to the beta and have enabled it on my account. When I inspect the div that I'm mounting it to I can see that something is happening
open valve
do you have an accessible URL where I could test this?
dense axle
Yea one sec
The totals dont show up yet on the UI
This is a better example actually
open valve
adaptive pricing is active
dense axle
you can see it?
open valve
yes
there's a height on the iframe
4px, if you remove it you can definitely see the component
now I'm not sure how this height is being set
open valve
is the currency-selector element hidden before you mount the component?
dense axle
No
open valve
hmmmm I'm trying to understand what's happening but it's really weird
height: max-content;
I think that's why
can you try to remove that
dense axle
Yeah I removed that, are you talking about the parent container right?
dense axle
yeah doesn't seem to make any difference
open valve
not the direct parent
the one above
I'm not saying to remove it in the webpage, I'm saying to remove it from the code base
I think what's happening is that the iframe is calculating what height space it has
and it ends up only having 4px
open valve
no, I'm talking about the grand parent of this element
dense axle
the parent of <div id="currency-selector"></div> or the parent of that parent?
open valve
can you try to remove the height max-content and reload the page to see if that fixes the issue
2 parents up
it has group as one of its classes
remove it in the code and redeploy or whatever so we see if that makes any difference
open valve
can you paste your html here please?
unreal cloudBOT
dense axle
I'm using bubble.io so can't
its like web builder kind of thing
I could just add HTML in though instead if you think that would work
open valve
I'm not sure to be honest
it's really tough to try to debug this
but certainly something in the CSS is effecting the rendering of the element
dense axle
okay I'll have a play around
the weird thing is that all the other elements work fine and they have exactly the same HTML setup
warm dragon
👋 Hey there, it might also worth be removing the beta param that you're passing in your Stripe init call. Not sure if it will solve the issue, but this feature is generally available now, so it's not needed
warm dragon
Interesting!