Note that there are some explanatory texts on larger screens.

plurals
  1. POSafari 5.1.3 Position:Fixed Loading Scrolling Render Issue
    primarykey
    data
    text
    <p><a href="http://hungimage.herokuapp.com/" rel="nofollow">http://hungimage.herokuapp.com/</a> has a POC of an issue I am hitting while scrolling a loading page in Safari. The image call at the bottom of the page is requesting an endpoint that will not return a response in order to keep the page loading and display the render issue.</p> <p>While the page is loading and all assets have not been downloaded, if I scroll in Safari Version 5.1.3 (7534.53.10), the fixed position header will render incorrectly. If you scroll up and down quickly in Safari, you should be able to detect the render issues.</p> <p>I can't duplicate this in other browsers, and need a solution that doesn't adversely affect the position of absolutely positioned elements. You can see a screencast here: <a href="http://www.flickr.com/photos/geoff/6861146330/" rel="nofollow">http://www.flickr.com/photos/geoff/6861146330/</a></p> <p>Am I missing something with the position:fixed?</p> <hr> <p>Update:</p> <hr> <p>This appears to be a legit Safari bug. If you have page with a hung (forever loading - example here: geoffreymoller.no.de) image open in one tab in Safari 5.1.4, and a site with a fixed header in another tab (facebook, other examples here: <a href="http://webdesignledger.com/inspiration/22-examples-of-fixed-position-navigation-in-web-design" rel="nofollow">http://webdesignledger.com/inspiration/22-examples-of-fixed-position-navigation-in-web-design</a>), if you scroll in the fixed header site, the header will display render issues.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload