IE11 ignores margin:auto on flex items in a flex-direction:column container

Won’t fix Issue #14593426

Details

Author
Garrett W.
Created
Nov 9, 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

If you have a flex container in column mode with a flex item that has no width set but has margin: auto (and naturally, the container defaults to align-items: stretch), then IE11 ignores margin: auto and instead follows align-items: stretch, thereby making the flex item horizontally fill the container.

The standard states that the flex item should not be stretched if either of the cross-axis margins are auto, so this is incorrect behavior.

Example: https://codepen.io/anon/pen/aVvxRV

Attachments

0 attachments

    Comments and activity

    • Flexbug on GitHub related to this: https://github.com/philipwalton/flexbugs/issues/239

    • 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 confirm this is fixed in Microsoft Edge.

      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