Necesitamos mostrar una rueda giratoria al hacer clic en un botón. Nuestro tema (the7) tiene algunas clases que muestran una hermosa ruleta.

Entonces, al comienzo del sitio, hemos establecido esto:

 <style type="text/css">.load-wrap{visibility:hidden;opacity:0;}</style>

y el evento del botón onclick, hemos configurado esto:

 onclick = "var x = document.getElementsByClassName('load-wrap'); var i; for (i = 0; i < x.length; i++){ x[i].style.opacity='0.9'; x[i].style.visibility='visible'; x[i].style.display='flex'; } if(document.getElementById('load')!== null){ document.getElementById('load').style.visibility='visible'; document.getElementById('load').style.display='block'; document.getElementById('load').style.opacity='0.98'; } document.form.submit();"

Funciona perfectamente en Chrome y Firefox, pero en Safari la rueda giratoria se congela. He leído que se debe a que, después de enviar un formulario, Safari detiene la animación giratoria.

¿Alguna ayuda con este comportamiento en Safari? ¿Cómo podríamos solucionarlo?