Chrome / Opera blink painting issue

Question

I found an inexplicable issue with my pages painting and then "unpainting" in blink browsers. After the page renders, most of the viewport, but not all, goes blank and ceases to paint. Here is the screen as it should be after I've forced it to paint:

And here is the screen as it looks after the page renders and "unpaints" itself:

The behavior is consistent and the same regions are unpainted every time. It's not a very demanding application in terms of visual animation.

Tech info: Angular, angular-ui-router, CSS animations for everything.

Any insight into why blink renders and then blanks out most of the page is very much appreciated.

Answer 1

You can try to put theng-cloak directive in your body tag for example.

More information about ng-cloak on this link: ngCloak docs

Hope my answer will fit your case.