Stripe Express Checkout buttons are being clipped – apparently they are afforded insufficient height by the iframe(?).
Considered approaches:
- I can use setTimeout to set the height after load (‘ready’ listener). But the wait after ‘ready’ varies, and – more substantially – this doesn’t seem to work for mobile.
- I have also tried using the class names the buttons are embedded with (as solutions to similar problems suggest) but I haven’t got this to work. I’m unsure whether that’s me, or that solution doesn’t hold for the express checkout element.
- I have also seen suggestion of ‘custom’ integrations – which I think suggests hiding the buttons, and creating proxies. I am considering this a last resort at the moment.
Is anyone familiar with this problem – better yet a solution?
Express checkout js reference: https://docs.stripe.com/js/elements_object/create_express_checkout_element