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

Example URL:

Steps to reproduce the problem:
1. Create a 'details' element
2. Create a 'summary' element inner to the 'details'
3. Place some elements inside the 'summary' element
4. Set 'display: flex' for the 'summary' element

What is the expected behavior?
The elements inside the summary element should be shown horizontally and not vertically.

What went wrong?
The elements arrange vertically.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? No 

Does this work in other browsers? No Opera 40.0.2306.0

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

None of the flexbox properties seem to work when applied to the summary element or its children (flex items).
 

Deleted: flexbox-summary.html 226 bytes

flexbox-summary.html 226 bytes View Download