elements-examples | Stripe Elements examples | Ecommerce library

After sending keys to an input field with selenium, the result is not as expected - the keys are inserted in incorrect order.

e.g. send_keys('4242424242424242') -> result is "4224242424242424"

EDIT: On some machines I observe the issue only randomly, 1 case out of 10 attempts. On another machine it is 10/10

This happens specifically with Stripe payment form + I see this problem only in Chrome version 69 (in previous versions it worked OK)

This can be easily reproduced on sample Stripe site: https://stripe.github.io/elements-examples/

Sample python code:

I am implementing Stripe inside my application and the Stripe docs show just plain JS so I have been putting the Stripe API calls in the script tag without any of the Vue methods. Things have been working fine until now. I am passing props down from the parent component and I cannot access the props from inside of the Script.

Some of the Stripe documentation says to implement the JS after the HTML has rendered so I am using the mounted method for some of this. Any ideas on how to get this working?

I have tried putting the API call in a method and calling the method on a click event on the form, but when I do that it doesn't know what the token is that Stripe uses.

towards the bottom of the code you can see where I try to get the this.plan that is in props.

I have used Stripe's Element example 1, found here: https://jsfiddle.net/ywain/2qyamjga/ to test Stripe Elements with Flask. In my app, the name and phone number fields allow user input but the card field does not.

Here is my code for the views function:

I am using the following hack-ish approach to focus on the Stripe input element after it's loaded:

I am trying to use Example2 from stripe

my jscript is