Nested flexboxes exhibit different behavior between Chrome/Firefox and Safari/IE11. A large piece of content causes the flex items to expand only to the size of the viewport in Chrome/Firefox, while in Safari/IE11 the flex items expand to the size of the content.
http://codepen.io/bjamieson/pen/xkGJy
Because none of the flex items have the flex property set, I was expecting the Safari/IE11 behavior of sizing to the content.
Does anyone know which implementation is more “correct” and why?