auto and bottom:auto don't work correctly in MS Edge in relatively positioned flexbox container

By design Issue #5498344

Details

Created
Nov 19, 2015
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

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.

Expected Results:

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.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    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”

    • Hello,

      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

      Best Wishes,
      The MS Edge Team

    You need to sign in to your Microsoft account to add a comment.

    Sign in