#rider_code

1 messages · Page 1 of 1 (latest)

solar horizonBOT
#

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

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

tight juniper
#

Sounds like you're describing a UI bug? Can you share a screenshot or something?

clear shore
#

Modal is implemented as a native <dialog>. After click on industry stripe select iframe is appended to body, instead of inside dialog, that backdrop hide content.

tight juniper
#

You probably need to change the CSS on your modal dialog to allow it to 'expand' when the select is opened

clear shore
#

i tried at all ways, can you hint which params to dialog shoudl be added?

#

dialog is not rendered as a signle node in body. Is wrapped inside component and placed where component is.

tight juniper
#

Looks like you're applying overflow: 'hidden' at certain breakpoints? I don't know, I'm not great with CSS really and this isn't a Stripe specific issue

clear shore
#

Stripe iframe is overlayed by the modal backdrop.

tight juniper
#

Then you likely need to adjust the z-index settings. But to me it looks like your modal container (the white box) is constrained to specific height and isn't expanding

clear shore
#

removing overflow-hidden nothing change

#

i tried also with the z-index settings

tight juniper
clear shore
#

no, there isnt

tight juniper
#

No idea what that div is, just looking at the minimal code you've shared

clear shore
#

lets call, i will show you on screen share

tight juniper
#

We don't do calls here I'm afraid

clear shore
#

😦

#

i think is a just a UI bug. The select-list iframe shoudl be rendered as close to the select element, instead of at bottom of body dom.

#

Its strange, even z-index doesnt help

tight juniper
#

Maybe, I personally think it's an implementation issue with your modal/dialog that is constrained to specific dimensions. Anyway, I'd recommend writing in to our team and we can help further there

A reproduction URL and/or code would be helpful

clear shore
tight juniper