Steps to reproduce
Demonstrated in minimal test case: http://codepen.io/RwwL/pen/rORQVQ
Both containers should render similarly, with a red gradient at the top of the scrollable box and an orange gradient at the bottom of the scrollable box. This rendering works as expected in IE10 & 11, Chrome, Firefox, Safari, and Opera. Only MS Edge renders the flexbox version differently.
CSS property/value settings of top:auto and bottom:auto should start positioning elements based on their position in the source order and flow of their siblings within the offsetParent.
Dev Channel specific:
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Christian F.”
Changed Assigned To to “Bogdan B.”
Changed Assigned To from “Bogdan B.” to “Jianyong M.”
Changed Status to “Confirmed”
Changed Assigned To from “Jianyong M.” to “IE S.”
Changed Status from “Confirmed” to “By design”
Thank you for providing this information about the issue. This was due to a new spec about absolutely-positioned flex children: http://www.w3.org/TR/css-flexbox-1/#abspos-items
The MS Edge Team