Webkit browsers fail to render correctly on refresh

CSS-Tricks / MovingBoxes

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.

http://css-tricks.github.io/MovingBoxes/

GNU Lesser General Public License v3.0

280 stars 147 forks source link

Webkit browsers fail to render correctly on refresh #104

Closed staxmanade closed 11 years ago

staxmanade commented 11 years ago

It all seems to work if you have

a. never been to the site before and you first arrive b. You click a link within the site and then navigate back to the home page.

however I'm seeing issues if you are currently on the index page and F5 or refresh the browser window.

You can see it up at. http://uvvu.com/

Any thoughts as to the issue?

staxmanade commented 11 years ago

I noticed that if I move this into a jquery load it is less reproducible, but still has issues. And if i move it into a window.load it does not reproduce. However this has the downside if some nasty looking markup until it has run through the movingBoxes correctly.

I was able to hide the div, and right before applying movingboxes show the div and this appears to fix the issue.