IE11 unexpected behavior with flex element justify-content: flex-end/center.

Won’t fix Issue #12276466

Details

Author
Valeria C.
Created
Jun 8, 2017
Privacy
This issue is public.
Found in
  • Internet Explorer
Found in build #
11
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

IE11 behaves differently than other browsers in case when one or more childs are using margin auto to push other elements with justify-content flex-end or center.
Example: https://codepen.io/anon/pen/mwejjw

CSS:
.parent_ex {
display:flex;
flex-direction:row;
justify-content: center;
position: absolute;
width: 100%;
}

.first_child {
margin: 0 auto 0 0;
}

.last_child {
margin: 0 0 0 auto;
}

HTML:
<div class="parent_ex">
<div class="first_child">text</div>
<div>any text</div>
<div>some more text</div>
<div>text</div>
<div class="last_child">any text</div>
</div>

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

    • Hello,

      Thank you for providing your feedback on IE11. We are not accepting feedback on Internet Explorer through this portal any longer (unless security related). We are pleased to report this feature is fixed in Edge 15063 and is available in our latest Creator’s Update build.

      Best Wishes,
      The MS Edge Team

    • Microsoft Edge Team

      Changed Status to “Won’t fix”

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

    Sign in