Estoy desarrollando un sitio web de Wordpress y he agregado un código jQuery personalizado que debería activar una animación de carga cuando se carga la página: eso no funciona en dispositivos iPhone.

Aquí está el código:

 jQuery(document).ready(function( $ ){ $(window).load(function() { $(".yellow-rhombus-onpageload").css("clip-path" , "polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)"); setTimeout(function() {$(".yellow-rhombus-onpageload").css("display" , "none");}, 1050); }); });

Básicamente, el div "yellow-rhombus-onpageload" contiene un iframe que debería desaparecer una vez que el navegador haya cargado la página. En cambio, la cosa no desaparece en algunos dispositivos iPhone que probé, como el iPhone 11 Pro Max y el iPhone 13, tanto en Safari como en Chrome. Todo funciona bien con dispositivos Android y Windows e incluso en MacBooks.

¿Cual es el problema?