deathraven_code

[hot ivy]

👋 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/1465320207181418508

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[limpid anvil]

👋 happy to help

[limpid anvil]

I can see it fine

I think you just need to make your container scrollable

[strong portal]

no no wait

[limpid anvil]

for smaller screens

[strong portal]

you need a smaller window

[limpid anvil]

your modal should be scrollable

[strong portal]

it is

it doesnt get larger than this because of the "height: 1026.58px"

[limpid anvil]

I'm able to scroll

[strong portal]

when i override that manually its works

ok this is weird. it behaves diffrently on my dev machine. and on phones

[limpid anvil]

in both cases, there's a container flex flex-col justify-center h-full gap-4 that should be display block instead

once you fix that, it should be fine

[strong portal]

its still the same.

[limpid anvil]

you can scroll

when testing in your web browser with the device toolbar open, the scrolling happens by clicking and dragging

as if you were on a mobile phone

[limpid anvil]

the outside container should be scrollable

not the internal one

[strong portal]

this is the only fix that works

[strong portal]

display: block !important; margin: 0px !important; padding: 0px !important; border: none !important; width: 100% !important; height: 1026.58px; transition: height 0.4s !important;

this is the code of your iframe. this height:1026 is the problem

[limpid anvil]

forget about the iframe

I'm asking you to change the container's css

[strong portal]

i already pulled that out

[limpid anvil]

it's still there

[strong portal]

yeah

it scrolls no problem. i can even make it extremly large if i want

it scrolls fine but the iframe is locked to that height

[limpid anvil]

@strong portal did you change the flex display into block?

[strong portal]

i pulled that hole div out

[limpid anvil]

you can't just pull it out

the other divs above it are also flex

so the div is inherting a display flex

you need to specify display block

[strong portal]

just to make sure i pulled out all flexes in this hole grid

but it doesnt change anything

[limpid anvil]

how is it working on my end but not on yours?

[strong portal]

iframe scrolling="no" height:1038 i swear i am not crazy

[limpid anvil]

the iframe won't scroll

the container will

don't change everything into block

let everything as is

[limpid anvil]

just the checkout-container's parent should be block

[strong portal]

this doesnt change anything

[limpid anvil]

can you go back to the original code? and instead of pulling the checkout-container out, just change the class of the loading div into block?

and then test

[strong portal]

this "works" it cuts of the top instead of the bottom

this is scrolled to the top

nvm i was just stupid the change didnt do anything i just tested on live ...

so no block doesnt work

[limpid anvil]

it's still flex

[strong portal]

yeah i didnt push it

give it a minute

just pushed now

its live

[limpid anvil]

it worked as expected

[strong portal]

okay first of all thanks... second of all why doesnt it work on dev?

cause on dev its still the same issue

[limpid anvil]

not sure

maybe you should try and empty the cache

on the browser for the dev page

[strong portal]

thanks for your patiance

[limpid anvil]

no worries 🙂