UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36

Example URL:
https://jsbin.com/zekeko/edit

Steps to reproduce the problem:
1. Make a container with display: flex
2. Add a CSS transition property to children of the container
3. Attempt to trigger the transition at the same time as removing display: flex from the container

What is the expected behavior?
The CSS transitions should happen.

What went wrong?
The transitions don't occur; instead, the style updates immediately.

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? No Safari 9.1.1 on OS X 10.10.5

Chrome version: 50.0.2661.102  Channel: stable
OS Version: 
Flash Version: 

In https://jsbin.com/zekeko/edit, clicking the button triggers an opacity transition on the children at the same time as toggling "display: flex" on the parent. In Firefox and IE, the children nodes transition smoothly from "opacity: 0" to "opacity: 1", instead of immediately transitioning.