Matty - Payment Element | Stripe Developers | Page 1

young current Feb 4, 2022, 6:27 PM

#

Indeed there is. Here's the documentation: https://stripe.com/docs/js/element/events/on_change?type=paymentElement

desert grotto Feb 4, 2022, 6:28 PM

#

How the heck did I miss that??? 🙂 Thank you!

young current Feb 4, 2022, 6:30 PM

#

Happy to help 🙂

desert grotto Feb 4, 2022, 6:30 PM

#

Random question: This spacing shows up when we set the billingDetails.address to 'never'. Is there a way to remove that spacing?

#

young current Feb 4, 2022, 6:43 PM

#

Looking at this....weird

desert grotto Feb 4, 2022, 6:44 PM

#

... ya. It looks like when they are hidden, the DOM still has the div with the margins set, but empty.

desert grotto Feb 4, 2022, 7:12 PM

#

Were you able to find anything?

young current Feb 4, 2022, 7:20 PM

#

I'm still testing this out

young current Feb 4, 2022, 8:08 PM

#

Hmmm...I'm not able to recreate this. Here's with address:

Screen_Shot_2022-02-04_at_12.07.43_PM.png

#

And without

Screen_Shot_2022-02-04_at_12.07.10_PM.png

#

Here's my appearance object: appearance: {theme: 'night', labels: 'floating'}

shadow jackal Feb 4, 2022, 9:38 PM

#

Hey @desert grotto this thread is still open and I am on it though I misread Snufkin's update and thought we were waiting on you for new info. Let me catch up here for a minute

desert grotto Feb 4, 2022, 9:40 PM

#

I had to step away before I read his last response. My apologies.

I am passing the following to the payment element on create. This hides the country and zip which is causing the spacing issues.

fields: { billingDetails: { name: 'never', email: 'never', address: 'never' } }

shadow jackal Feb 4, 2022, 9:55 PM

#

Is it just address that hides the country, or do all three need to be there?

#

Have you tried a page that is just this element and something under it? Is that the screenshot you already sent us?

desert grotto Feb 4, 2022, 9:55 PM

#

I think just address. I have all three for the other services (Klarna, Clearpay, etc).

#

Yes, that's the screenshot I sent.

#

#

Here's what's under it.

shadow jackal Feb 4, 2022, 10:08 PM

#

Are those the only two things on that page? Because we couldn't reproduce, I am wondering how we can narrow down what might be causing that there

desert grotto Feb 4, 2022, 10:09 PM

#

When you show Afterpay, there is no spacing when setting the billing details the same as above?

keen ferry Feb 4, 2022, 10:15 PM

#

👋 I'm hopping in since @shadow jackal has to head out - give mea minute to catch up

desert grotto Feb 4, 2022, 10:15 PM

#

OK, thank you.

keen ferry Feb 4, 2022, 10:42 PM

#

I can confirm I'm seeing the same behavior when looking at the afterpay tab on payment element - let me see if there's any way to get rid of it

desert grotto Feb 4, 2022, 11:02 PM

#

OK. Thanks.

keen ferry Feb 4, 2022, 11:08 PM

#

I don't think there's any way to get rid of that extra spacing, but I can flag this as feedback to the team so they can fix it later

#Matty - Payment Element