Recaptcha V2 não renderiza corretamente no RichFaces

Front-end
,
#1

Estou com um problema que tenho uma página na qual preciso implementar o Recaptcha v2 da google, porém ele só renderiza “quando ele quer” e mesmo eu usando o reRender do RichFaces, ele não obedece. As vezes tenho que atualizar a página para ele aparecer.

Segue o código:

<h:panelGrid columns="2" id="plFormulario">
  <h:outputText value="CPF: *" styleClass="texto_negrito" />
  <p:inputMask value="#{ solicitacaoCadastroAction.pessoaForm.cpfCnpj}" size="17" maxlength="11" style="font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 8pt; font-weight: normal; color: #000000; border: 1px #CCCCCC inset; cursor: text;" mask="999.999.999-99"
disabled="#{solicitacaoCadastroAction.habilitarCamposCadastro }" />

  <h:outputText value="Data de nascimento: *" styleClass="texto_negrito" />
  <h:column>
<p:inputMask id="dataNascimento" value="#{ solicitacaoCadastroAction.dataNascimento }" size="14" mask="99/99/9999" style="font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 8pt; font-weight: normal; color: #000000; border: 1px #CCCCCC inset; cursor: text;"
  disabled="#{solicitacaoCadastroAction.habilitarCamposCadastro }" />
<h:outputText styleClass="texto" value="Formato dd/mm/aaaa" />
  </h:column>

  <h:inputHidden id="gRecaptchaResponse" value="#{ solicitacaoCadastroAction.gRecaptchaResponse }"></h:inputHidden>
  <div id="myCaptcha" class="g-recaptcha" data-sitekey="6LcB6CgUAAAAAK94Y3hsnqSzcS6fXlNVZTnHXSZK" data-callback="correctCaptcha"></div>
</h:panelGrid>

<h:panelGrid columns="1" style="width: 700px;">
  <h:column>
<a href="site.com">Voltar</a>
<rich:spacer width="550" />
<a4j:commandButton value="Continuar" eventsQueue="1" styleClass="botao_sistema" reRender="msgs,msgs1,pnlPrincipal,plFormulario, divRecaptcha" action="#{solicitacaoCadastroAction.validarCadastroPessoaFisica}" />

  </h:column>
</h:panelGrid>
#2

Como esta a chamada do js?

#3 
			<script src="https://www.google.com/recaptcha/api.js?render=explicit;onload=onRecaptchaLoad"></script>
            var correctCaptcha = function(response) {
                document.getElementById("form1:gRecaptchaResponse").value = response;
            };

            var onloadCallback = function() {
                grecaptcha.render('html_element', {
                  'sitekey' : '6LcB6CgUAAAAAK94Y3hsnqSzcS6fXlNVZTnHXSZK'
                });
            };

Está assim

#4

Ola,

Pela documentação voce deve fazer use the async and defer parameters in the script tags e verifique se o onload esta correto.

#5

Coloquei assim:

		    	  var recaptchaCallback = function () {
		    		    console.log('recaptcha is ready'); // not showing
		    		    grecaptcha.render("myRecaptcha", {
		    		        sitekey: '6LcB6CgUAAAAAK94Y3hsnqSzcS6fXlNVZTnHXSZK',
		    		        callback: function () {
		    		            console.log('recaptcha callback');
		    		    }
			    	});
		    	  }

<script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback;render=explicit;hl=iw" async="async" defer="defer"></script>

Mesmo assim, ainda não está carregando, estou tendo que atualizar para carregar