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

questionAnswers(1)

yourAnswerToTheQuestion