#thefyrewire
1 messages · Page 1 of 1 (latest)
Hmm interesting
Do you have a minimal reproduction of this I can try out?
It might take me some time to implement myself to test if not
Are you able to hook into the tab out of the name field to focus() the element?
https://stripe.com/docs/js/element/other_methods/focus
Ahhh, hmmm 🥲 so it seems my reproduction is unable to reproduce it... 😂 Also, it seems to work fine in Chrome, but not in Firefox (what I'm using). Haven't tested Safari yet. It leads me to think that it's a browser specific issue, but the "reproduction" still works in Firefox, so I have no idea lol
Video proof I'm not going crazy
I think I'll try and test it out on my MacBook tomorrow and see if I can replicate it on a second device, then take it from there. The focus() workaround might work in the worst case
Thanks for all the work trying to repro. It hopefully should be possible to do this without focus() but that does sound viable.
Out of curiosity, does your page use tabindex or try to control this focus with js otherwise?
No problem! I hate bugs I can't reproduce 😠the repro isn't 1:1, so I'm hoping the test tomorrow on the other device might help shed some more light. Here's the codesandbox in case you're interested: (the test keys are randomly generated from the Stripe docs) https://codesandbox.io/p/sandbox/elastic-euler-2np0gg
Also no, there's no focus control or anything. I thought maybe it had something to do with way it's mounting, but the repro replicates the modal mounting too, and it still works.