UserAgent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Have a parent page reference a stylesheet via a link tag.
2. Have this same parent page contain an iframe pointing to a child page.
3. Have this child page reference the same style sheet as the parent page.
4. Load the parent page (which will load the child page i the iframe).
5. Refresh the parent page (soft-refresh -- let it use the cache).

What is the expected behavior?
The style rules should apply to both the page and the child page after the refresh.

What went wrong?
Upon initial load, both the parent and the child had the stylesheet rules applied.

After refreshing the page, only the child page has the style rules applied.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes v52

Does this work in other browsers? Yes 

Chrome version: 53.0.2785.116  Channel: stable
OS Version: 6.3
Flash Version: 

I have attached a simple example of the problem.  Host these files from a webserver and load outer.htm in Chrome.  Both the outer and the inner pages will be blue.  Then refresh the page.  Now only the inner frame is blue.

If you rapidly resize the browser window, the style will sometimes get re-applied to the parent.

I have seen this same issue in a larger (private) web application.  In that case, the outer frame has its style applied and works as intended.  The iframe is created dynamically at some future time and inserted into the document.  When this child frame (which references the same style sheet as the parent) is loaded from cache, the stylesheet is no longer applied to the parent document.
 

Deleted: outer.htm 191 bytes

outer.htm 191 bytes View Download

Deleted: inner.htm 156 bytes

inner.htm 156 bytes View Download

Deleted: style.css 65 bytes

style.css 65 bytes View Download