UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Open attached chrome-render-bug.html

It contains a structure that is:
- div with overflow:hidden animating height to reveal contents
    - another div with 100% width/height
        - div with an image background

What is the expected behavior?
A div will animate the height.  As it animates, an image from a div inside should be revealed.

What went wrong?
On Chrome, the inside div is not rendered.

Looking in the inspector, it appears the element has proper bounds to be shown.  Changing any of the style properties remaining tends to get it to show properly.  Sometimes it will render when revealing the inspector, but I couldn't get this to consistently happen.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 63.0.3239.132  Channel: stable
OS Version: OS X 10.13.3
Flash Version: 

This does not reproduce on Safari 11.
 

Deleted: chrome-render-bug.zip 19.3 KB

chrome-render-bug.zip 19.3 KB Download

Deleted: ChromeVsSafari.png 148 KB

	ChromeVsSafari.png 148 KB View Download