Preloader not disappearing in Safari

Design help Animations & Interactions
1

Hi guys, I need some quick help with my preloader.

For some reason it does not disappear on Safari. When you open our page https://vierless.de/en/ on mobile or Safari and click on “Zur Anfrage”, “Termin vereinbaren” in our mobile menu or any green button on the page you are redirected to our request form (https://vierless.de/en/anfrage). But since the preloader is not hidden as it should, there is no way for a user to know that the page is actually ready but hidden.

I hope someone can see the problem!

Here is our Read-Only link:
https://preview.webflow.com/preview/cf-vierless?utm_medium=preview_link&utm_source=designer&utm_content=cf-vierless&preview=baa1bc73a5d886aad566a32d28cd146d&pageId=65e1c350559529c12d959e50&locale=de-DE&workflow=preview

2

hi @julian_vierless you should check your ERRORS in console as:

Preloader does not work in Arc, Firefox, Edge and Safari.

following error(s) are identical in all browsers that refuse work with incorrect settings. :man_shrugging:

CleanShot 2024-04-19 at 16.11.50
CleanShot 2024-04-19 at 16.11.501789×510 356 KB

this is what errors mean.

https://mimesniff.spec.whatwg.org/#javascript-mime-type

hope this will point you right direction be able solve your issue.

Fix this error and come back if issue will still persist. ;)

3

Hey Stan,

thanks! It looks like the error comes from Google Ads.

I disabled Google Tag Manager and now the errors are gone. But the preloader is still covering everything and does not disappear.

4

I was now checking what is a difference and Safari use only opacity: 0 but doesn’t apply display: none as is missing in rendered style. A logo only shows when I apply display: contents . At least some starting point.

One more thing: In past the preloader has to be in project as initial state block or what ever but not none . You can try this but you need also check animation/interaction as init state now will be changed.

So when you have preloader you will hide it temporarily be able work on page but before publish you will change it back.