Como focar no elemento que é carregado após o carregamento da página
Estou usando a seguinte abordagem de hack-ish para focar no elemento de entrada Stripe depois de carregado:
<div id="card-element">
<!-- Load stripe stuff here -->
</div>
// <script src="https://js.stripe.com/v3/"></script>
var card = elements.create('card', {style: style});
card.mount('#card-element');
setTimeout(function(){
card.focus();
},1000);
Existe uma maneira melhor de fazer, ou seja, detectar quando ocard
elemento @ é 'focável'. Se eu fizer isso no carregamento da página, ele simplesmente não verá o elemento (provavelmente ainda não foi adicionado e, portanto, não funciona
Aqui está um elemento de exemplo:https: //stripe.github.io/elements-examples (Não consegui colar um exemplo de trabalho no jsfiddle, pois não tinha certeza de como carregar uma biblioteca externa