#latwelve
1 messages ยท Page 1 of 1 (latest)
Hi there!
Hey
Using <script src="https://js.stripe.com/v3/"></script> is correct.
What exactly is the issue?
I've got a checkout page for a booking and it uses laravel livewire to do live form logic and then stripe at the end, it has been working fine for a long time (probably over a year) but in the last few days the client has flagged that the card box times out or the js dies in it once they have interacted with some of the livewire form fields
I've got the project locked down in composer and the only thing I don't have control over is likely the stripe js link
You can see the form here if it helps :
https://booking.mountainxtra.com/listing/6464c921c73de1004c6fdd3b/2024-07-14/2024-07-21/solitaire/en?c=1
it loads fine then on a form interaction (accepting terms for example - any form field above card billing) kills the stripe card field probably because of the livewire reload, however it had never been an issue previously
but in the last few days the client has flagged that the card box times out or the js dies in it once they have interacted with some of the livewire form fields
Did you change anything on your end recently?
nope!
well I changed a few text strings and the composer file was set to update to sub versions of packages but I've locked all these to the exact composer versions that were last live now and the problem still persists
I managed to reproduce the issue, looking into this.
thank you
just pushing a change now i might have fixed it by using wire:ignore around the stripe inline code and the element form field.
however its weird because i've never had to do this - the "link" stripe logic wasn't live when i had put this live (a couple of years ago I think)
so I feel like some code changes to the v3 js script has conflicted with my code causing a breaking change
Did you manage to fix the issue?
so I feel like some code changes to the v3 js script has conflicted with my code causing a breaking change
We don't do breaking changes on v3. But yes maybe you've hit some kind of edge case.
im not sure yet just about to check live ๐
hmm sadly doing this live seems to timeout the card element loading, it worked fine locally
I'll see if I can fix it with an async or defer tag
๐ taking over for my colleague. Let me catch up.
Hey! I just saw my recent deployment failed so let me check that then I'll reachout to save you anytime!
ok sure
fixed it ๐
so yep i think the stripe js script hit some weird fringe issue with laravel livewire
all good now though - thanks for your time!
let me know if you need any more help