Unexpected defaults applied to CSS shorthand "flex"

Not reproducible Issue #7909455

Details

Author
Jon H.
Created
Jun 16, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
  • Chrome
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Add “flex” style to a DOM element.
Ex: <div style="flex:1"></div>

Expected:
element.style {
flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}

Received:
element.style {
flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
}

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

    • Based on my testing with this - it looks like all browsers are doing the same thing: flex-basis: 0%

      Are you showing any that currently do not?

    • Microsoft Edge Team

      Changed Status to “Not reproducible”

    • As
      we have not received further information on how to repro this item of feedback

      • we will resolve it as not repro. Should you have the details needed in order
        for us to reproduce this problem in our test environments please feel free to
        reactivate this issue at your earliest convenience.

       

      All
      the best,

      The
      MS Edge Team

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

    Sign in