Monday, 28 January 2019

Why is my HTML overlay still hidden in Safari?

I have a web application that displays an overlay only when the page is loading (some server work). It works fine in Firefox and Chrome. For example when I login: i fill in the login form, then I click the login button, the overlay appears - while the server checks, then after a moment, another page is served or an error message is displayed.

The overlay won't display using Safari.

HTML code

<div class="overlay"  style="display: none;" id="loadingDiv">

javascript - jquery

 window.onbeforeunload = function(e) { $("#loadingDiv").show(); };

In safari: when I manually comment out the HTML initial hidden state - it shows. (That indicates that my CSS is alright.) But that's not how it should function.

I tried using opacity: 0 instead and the whole page is frozen.

How I get the overlay to appear only on page loads - like in Chrome?



from Why is my HTML overlay still hidden in Safari?

No comments:

Post a Comment