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

Example URL:
https://zello.com/test.htm

Steps to reproduce the problem:
1. Create element with display: flex; position: fixed;
2. Create element inside this element with overflow: auto
3. Fill inner element with long text to cause scroll of overflowed content

What is the expected behavior?
Parent container should be displayed in the center all the time

What went wrong?
After inner container gets long content parent container sticks to the left and gets  back to center only after next repaint (window resize, add element to dom etc.)

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Previous version

Does this work in other browsers? Yes 

Chrome version: 50.0.2661.94  Channel: stable
OS Version: OS X 10.11.1
Flash Version: Shockwave Flash 21.0 r0
 

Deleted: chrome-render.mov 2.9 MB

chrome-render.mov 2.9 MB Download