#henrique_unexpected

1 messages ¡ Page 1 of 1 (latest)

dark lanceBOT
#

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

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

mild kestrel
paper relic
#

Hi! That does seem clearly broken. Can you share some repro steps I can follow to investigate this? Do you have a public page I can access to observe it?

mild kestrel
#

Hey @paper relic , you can use this link here: https://circle.upfront.so/checkout/stripe-testing (this link is using a real Stripe Connected account)

  • Use a VPN connected to USA;
  • Use Safari browser (18.5);
  • Add the credit card information (you can apply the test card here);
  • Then the Link logo appears;
#

Let me know if you need more information

paper relic
#

I see it too, thanks.

#

Are you applying any particularly complex appearance API configuration?

#

I'm not seeing this behaviour in other examples I am checking yet, so hypothesizing there's something in your configuration triggering this

mild kestrel
# 
{
  "appearance": {
    "theme": "stripe",
    "variables": {
      "spacingGridRow": "20px",
      "borderRadius": "12px",
      "colorPrimary": "#19283a"
    },
    "rules": {
      ".Label": {
        "color": "rgb(59, 59, 59)",
        "fontFamily": "system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
        "fontSize": "14px",
        "fontWeight": "600",
        "lineHeight": "20px",
        "margin": "0",
        "padding": "0"
      },
      ".Input": {
        "backgroundColor": "rgb(255, 255, 255)",
        "border": "1px solid rgb(229, 231, 235)",
        "borderColor": "rgb(229, 231, 235)",
        "borderRadius": "8px",
        "borderStyle": "solid",
        "borderWidth": "1px",
        "boxShadow": "none",
        "color": "rgb(59, 59, 59)",
        "fontFamily": "system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
        "fontSize": "16px",
        "fontWeight": "400",
        "lineHeight": "18px",
        "margin": "0",
        "marginTop": "4px",
        "outline": "transparent solid 0px",
        "outlineOffset": "0",
        "padding": "12px 16px",
        "transition": "none"
      },
      ".Input:focus": {
        "border": "1px solid rgba(107, 114, 128)",
        "borderColor": "rgba(107, 114, 128)",
        "borderWidth": "1px",
        "boxShadow": "none",
        "outline": "transparent solid 0px",
        "outlineOffset": "0",
        "transition": "none"
      },
      ".TermsText": {
        "fontSize": "0"
      },
      ".AccordionItem": {
        "padding": "1.5rem"
      },
      ".RadioIcon": {
        "width": "18px"
      },
      ".RadioIconOuter": {
        "stroke": "#D4D4D8"
      },
      ".RadioIconOuter--checked": {
        "stroke": "#000000",
        "strokeWidth": "28px"
      },
      ".RadioIconInner--checked": {
        "r": "0"
      }
    }
  }
}
#

Not sure if it is complex, but I'm applying these properties

paper relic
#

Are you able to remove the appearance: config completely on that test page?

#

I am suspicious of this piece:

".TermsText": {
        "fontSize": "0"
      },
mild kestrel
#

Oh true, looks like it is related to this property

paper relic
#

Can you explain why you're trying to force font size 0 here? This does't seem like expected usage.

mild kestrel
#

I can't remember why we're applying this, but I think we tried to hide some of the terms text from the Gpay or Apple Pay

paper relic
#

When i override your JS to remove that TermsText style, the issue is resolved

mild kestrel
#

Nice, thanks @paper relic , will try to change that

#

You can mark this thread as resolved. Thanks for checking this!

paper relic
#

NP!