Vijaykrishnan

[sacred surge]

Hi there

Can you explain the issue a bit more?

I don't fully understand what you mean

[ember herald]

i am trying to render the checkoutform on click of a link

when i mousemover the window is kind of animating or keep hide and seek

you see the whole window is not visible

see now some partially gone

[sacred surge]

Seems like a CSS problem to me

Do you have somewhere we can reproduce this?

[ember herald]

lemme try.. do you have any sample where the PaymentElement is loaded as iframe ? may be it is causing some issue..

[sacred surge]

We generally don't recommend an iframe since it won't handle the redirect well for those payment methods that require a redirect

If you are just using Card then this should work okay if you set redirect: if_required

But no we don't have a sample of this

[ember herald]

hmm we need this paymentelement to come as modal box so we had implemented some custommodal i guess that is causig trouble

[sacred surge]

Yeah that is what I would suspect as well. I would think some underlying CSS is messing with the modal

And the Payment Element frame

But hard for me to say for sure

[ember herald]

understood - do you have any sample for not redirecting to page but as a modal dialog ?

[sacred surge]

Nope no sample. To prevent the redirect though you set redirect: if_required like I mentioned above. Here that is in the JS Reference: https://stripe.com/docs/js/payment_intents/confirm_payment#confirm_payment_intent-options-redirect

[ember herald]

🙇‍♂️ - thank you