#rocky_code
west deltaBOT
👋 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/1385034916604936262
📝 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.
- rocky_best-practices, 16 hours ago, 14 messages
last dome
it's very slight but there is like a 4 pixel difference between my element (the email input element) and the stripe element (the address full name input)
I'm just curious if there is a way to change the padding around these items/change the width
nimble kettle
I'm looking. It seems like we only support width for the RadioIcon element and not Input
last dome
sounds good, it's tough because it starts at the correct size then when the iframe loads it has like a 4 pixel margin on each side and I can't find a way to get rid of that margin
I could probably expand the div they sit in by 8 pixels but then I have to do alignment and they would load large then be correct
nimble kettle
You might want to test out setting different values for gridColumnSpacing and gridRowSpacing
https://docs.stripe.com/elements/appearance-api#additional-variables
last dome
also, is it best to report bugs here or on the github repo?
nimble kettle
Bugs for what?
last dome
sounds good I will look into it, it's not a big deal it's just a couple pixels and barely visible, but seeing it and staring at it for hours and I see it it's bugging me
and it's an accessability issue
nimble kettle
Ah accessibility issues are something we are actively researching but I don't have a timeline for that.
Do you have a specific issue that is a problem for you?
last dome
my girlfriend scared me into making my site accessable so I've been working to do so and come across alot of tab issues and menu nav things on my checkout that I can't fix
oh no nevermind I did not find one more, it's accessable my mistake
I tried to use tab and not arrow keys, it's good
nimble kettle
Okay 😅
last dome
I thought this menu couldn't be navigated but I didn't fully test it lol, my mistake 😭 😧 😆
sorry
like the manage account log out of link, I just tried to use tab not arrow keys that's my bad
thank you for the help, I appreciate all the work you guys put into this project, thank you for always having good support 🙏
nimble kettle
We try our best! 🙂 I hope you can get those 4 pixels to line up
last dome
hopefully, it's such a small thing but like AUGH what am I doing wrong? does it have different padding when it loads normally?
like load at 642px and be at 642 pixels but then have 4px of padding?
to the inside element?
nimble kettle
We do automatic adjustments for the width of the element it's loaded in. But I don't know the details of exactly how
last dome
damn alright, I'll see what I can do and see if I can just like target the element directly with a timeout or something, like try to access it continiously every 100ms until it loads or something
nimble kettle
I don't know that this will be successful. We prevent script access to the inputs from code running in the browser (since that's a pretty juicy attack vector for card stealing).
It's why you need to use the Appearance API to apply styling rules to the inputs
last dome
ah that makes sense
so what would the security be like for collecting all the data in my own form, and just creating a payment intent manually?
is that safe?
nimble kettle
You would need to pass a very high bar for PCI compliance and then you would need to get approval for passing raw PANs. It's extremely likely we would not allow this
last dome
damn, so I would need like a team with me or be a very good coder and work closely with y'all to do something like that?
nimble kettle
It's a dramatically higher risk of leaking card data that exposes both you (as the merchant) and Stripe (as the payment processor) to a lot of legal risk
last dome
that makes sense, it's better to use a hosted place that is just gotten as then all data is passed around safely
word, well that's great for security but sucks because this damn 4 px gap 😭
thank you for your help, I think I'm just going to deal with it, unless AI can fix it I don't have the patience to sit down and try to fix it
it's 4 px
nimble kettle
I'd save a copy before you let the AI re-write it. Unfortunately a lot of AI has been trained on outdated docs and they often infer rules/functions/classes that don't exist
nimble kettle
We have a built in AI in our docs and I started by asking it. It made stuff up but I found the page I was looking for faster than using our nav
last dome
dude the power of AI
earlier today it asked
"Can I delete this file to rewrite it"
like sure? I'm going to copy to just to safe but like why go through that step? just write it
nimble kettle
😅
last dome
like I love AI hallucinations, lately it's been leaving like trailing ends of react components in every file it edits it's so smart
anyways, I'm back to vibe coding, hope you have a good one
thank you for the help, I'll open a new post if I can fix the dreaded 4px
nimble kettle
Happy to shed what 💡 I can 🙂
last dome
🙏 ❤️
nimble kettle
FWIW I find the AI is pretty decent at writing documentation after I write all the code
last dome
frfr, you gotta force feed it the docs for it to find the docs
it'll find em, after prompting it with 20 thousand words
how many lightbulbs you think I've burned?
nimble kettle
Hahaha
last dome
AHA
nimble kettle
Oooh so clean!
last dome
also, I figured out my previous report I gave to another mod about this checkbox not being accessable with enter, it's still not accessable with enter but it is with space, so it probably doesn't need more accessability things
thank you!
also, do you know the standard for accessability is it spacebar to select or enter normally?
west deltaBOT