Chrome Version       : 51.0.2704.103 (Official Build) (64-bit)
Revision	aa7c8d23c098e96a388ffedf6698230bda650bb3-refs/branch-heads/2704@{#723}
OS	Mac OS X 
Blink	537.36 (@aa7c8d23c098e96a388ffedf6698230bda650bb3)
JavaScript	V8 5.1.281.65
Flash	22.0.0.192
User Agent	Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36

URLs (if applicable) : n/a
Other browsers tested:
     Safari: OK (v9, Tech Preview 7)
    Firefox: OK (v47)
         IE: (untested)

When images (I'm guessing other types of replaced content, too, but have not tested) are resized as a result of one dimension changing because of changes in the element containing the replaced content element, the containing element does not resize.

I've attached a test case to demonstrate the issue more clearly. A DIV contains several FIGURE elements, each containing an IMG. The FIGURE and IMG elements have 100% height so that they are as tall as the containing DIV, causing the FIGURE element to be as wide as the IMG it contains, whose width is dependent on its height.

Clicking the button changes the height of the containing DIV, which should cause the IMG elements (and therefore the FIGURE elements containing them) to change width because of the height change. Instead, the FIGURE elements keep their previous width, even though the IMG elements do not. Forcing the FIGURE elements to repaint by setting them to `display: none` and back fixes the issue.

I suspect this might be related to https://bugs.chromium.org/p/chromium/issues/detail?id=619108 or some other part of https://bugs.chromium.org/p/chromium/issues/detail?id=619103, but am not really sure
 

Deleted: relayout-replaced-content container.html 1.5 KB

relayout-replaced-content container.html 1.5 KB View Download