Chrome Displaying Dom Elements In Strange Order, Then Fixed On Refresh

This must be a content problem, but so far I haven't found it - and it is new, it just started happening on a production site. Using Chrome Version 31.0.1650.57 m, I can replicate

Solution 1:

I have the same issue on a JSF Primefaces application and I couldn't find any unescaped characters.

The element order on my page changes every third or fourth reload, BUT I have an ajax poll (refresh) every 15 seconds and when this hits the page renders correctly.

I compared the source code before and after this ajax refresh, but there were no differences.

I know this is no solution, but maybe helps to get closer to one.

Edit:

I found an issue in chromium issue tracker regarding this problem.

https://code.google.com/p/chromium/issues/detail?id=322936&q=order&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

In any case, the issue should be fixed in next chrome version.

Solution 2:

Just wanted to say that I have the exact same problem. A site that was last updated six months ago has recently started rendering elements out of order in Chrome.

For me it happens 2 out of 3 times I visit the page and it's as if rendering restarts when it hits a specific tag.

My code look kinda like this:

<a href="javascript:__doPostBack..." class="HistoryLink">List</a>
<span class="HistoryLink_Separator">&nbsp;»&nbsp;</span>
<span class="HistoryLink_Last>Item</span>

Chrome renders the page fine until it hits the SPAN with the » (right double angle quotes) then it starts positioning elements at the very top of the page again.