IE11 does not remove absolutely positioned child from flexbox layout

Fixed Issue #12500543

Details

Author
Ben K.
Created
Jun 26, 2017
Privacy
This issue is public.
Found in
  • Internet Explorer
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

See this codepen for a test case.

According to the Flexbox spec:

As it is out-of-flow, an absolutely-positioned child of a flex container does not participate in flex layout.

The expected behaviour of the test case would be that the blue element is positioned to the far right of the flex container by justify-content: space-between;, with the orange element below. This is the case in Edge, Firefox, and Chrome. However, in IE11 and on Windows Phone, the space for the absolutely positioned element is still added. See screenshots below. This applies to both real and pseudo-elements (:before, :after, etc).

Attachments

Comments and activity

  • Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. We are not accepting feedback on Internet Explorer through this portal any longer (unless security related). However, we are pleased to report this feature is fixed in Edge mobile version 15063.

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Status to “Fixed”

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

Sign in