Why does chrome sometimes fail to redraw the page when I expand the browser window?
This looks like a bug in Chrome.
I searched Chromium bugs and found a few that are similar:
- Issue 516127: Rendering artifacts on osx when something moves above the browser (dock, other windows, etc)
- Issue 473933: Visual rendering issue
- Issue 476909: Page didn't redraw correctly
- Issue 245946: Content isn't layout correctly when resizing window
But actually none of them seems to describe your problem exactly. If you think so too, you can report your bug here.
Note that this might be as well an issue related to your old Mac OS version or even the graphics card.
Try adding this just after <head> tag
<meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
I had the same problem using cordova (hybrid html5/css3 mobile platform), when rotating the device the internal browser did not refresh correctly. I had a div containing everything with a fixed position. After some tries, I used style width/height: 100% and when rotating the browser refreshed correctly.