<b>Chrome Version       : <Copy from: 'about:version'></b>
URLs (if applicable) : https://developer.mozilla.org/en-US/docs/Web/CSS/flex
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari:
    Firefox:
         IE: 11 FAIL, Edge FAIL

What steps will reproduce the problem?
(1) Set css property flex by initializing only the first argument of the shorthand.
(2) Example: <div style="flex: 1"></div>
(3)

What is the expected result?
element.style {
  flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

What happens instead?
element.style {
  flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

Please provide any additional information below. Attach a screenshot if
possible.