#midnight_unexpected

1 messages ¡ Page 1 of 1 (latest)

viscid birchBOT
#

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

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

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

smoky quarry
#

Are you using the appearance api?

gray whale
#

no we are not

smoky quarry
#

Can you share your code for initializing elements and the address element

gray whale
# 
          mode: 'setup',
          paymentMethodCreation: 'manual',
          setupFutureUsage: 'off_session',
          currency:
            offer.plan.country?.currency.code.toLocaleLowerCase() || 'usd',
        });

        const paymentElement = createStripeElement(
          this.elements,
          'payment',
        ) as StripePaymentElement;

        const addressElement = createStripeElement(
          this.elements,
          'address',
          user,
        ) as StripeAddressElement;```
# 
    mode: 'billing',
    fields: {
      phone: 'always',
    },
    validation: {
      phone: {
        required: 'always',
      },
    },
    display: {
      name: 'split',
    },
    defaultValues: {
      firstName: user?.firstName,
      lastName: user?.lastName,
      address: {
        line1: user?.billingAddress.streetLine1,
        line2: user?.billingAddress.streetLine2,
        city: user?.billingAddress.city,
        state:
          user?.billingAddress.region?.code === 'NA'
            ? ''
            : user?.billingAddress.region?.code,
        postal_code: user?.billingAddress.postalCode,
        country: user?.billingAddress.country?.code || 'US',
      },
      phone: user?.phoneNumber,
    },
  });```
smoky quarry
#

Looks normal

#

Likely it's some conflicting css style that's overriding

gray whale
#

I don't see any conflicting classes, anything you think I should try?

smoky quarry
#

It's .p-Select .p-Select-select { /* height: var(--c-inputHeight); */ /* padding-bottom: 0; */ /* padding-top: 0; */ }

#

I used the browser console to inspect

#

Then I disabled those 3 things

#

And it looks normal

#

Although that looks like it's coming from a stripe stylesheet

#

Hm

#

I'm not able to repro this on my test site though

#

I wonder if you use a custom style/class for the <option> tags within

#

That could be a potential cause

gray whale
#

are you using the latest version? maybe we have different versions?

viscid birchBOT
gray whale
#

can our scss even effect inside the iframe? I don't think it can

smoky quarry
#

Yeah you're right it can't. We're looking into this

thin knoll
#

Hello! Just giving you a heads up that I'm taking over here, and we're still investigating. I'll let you know when we have more info.

gray whale
#

If it helps, its also happening on the state drop down

thin knoll
#

Yeah, we found the underlying CSS, and it seems to be impacting all drop downs, but we don't know what's causing it or why we can't reproduce. We're checking in with the owning team now.

#

Ah, yeah, this is due to a recent change. We're working on reverting it now. No ETA yet, but this issue should resolve itself without any changes on your end when that's done.

gray whale
#

ok ty