@kcjpop/x-browser-compat/bcd/css/properties/flex/index.json

A Web Component to display browser compatibility data

{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/flex","source_file":"css/properties/flex.json","spec_url":"https://drafts.csswg.org/css-flexbox/#flex-property","status":{"deprecated":false,"experimental":false,"standard_track":true},"support":{"chrome":[{"version_added":"29"},{"prefix":"-webkit-","version_added":"21"}],"chrome_android":[{"version_added":"29"},{"prefix":"-webkit-","version_added":"25"}],"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"notes":["Since Firefox 28, multi-line flexbox is supported.","Before Firefox 32, Firefox wasn't able to animate values starting or stopping at <code>0</code>.","Until Firefox 61, flex items that are sized according to their content are sized using <a href='https://drafts.csswg.org/css-sizing-3/#column-sizing'><code>fit-content</code>, not <code>max-content</code></a>."],"version_added":"20"},{"prefix":"-webkit-","version_added":"49"}],"firefox_android":[{"notes":["Since Firefox 28, multi-line flexbox is supported.","Before Firefox 32, Firefox wasn't able to animate values starting or stopping at <code>0</code>.","Until Firefox 61, flex items that are sized according to their content are sized using <a href='https://drafts.csswg.org/css-sizing-3/#column-sizing'>fit-content, not max-content</a>."],"version_added":"20"},{"prefix":"-webkit-","version_added":"49"}],"ie":[{"notes":["Internet Explorer 11 ignores uses of <a href='https://developer.mozilla.org/docs/Web/CSS/calc'><code>calc()</code></a> in the <code>flex-basis</code> part of the <code>flex</code> syntax. This can be worked around by using the longhand properties instead of the shorthand. See <a href='https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc'>Flexbug #8</a> for more info.","Internet Explorer 11 considers a unitless value in the <code>flex-basis</code> part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the <code>flex-basis</code> part of the <code>flex</code> shorthand value. See <a href='https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored'>Flexbug #4</a> for more info."],"version_added":"11"},{"notes":["Internet Explorer 10 and 11 ignore uses of <a href='https://developer.mozilla.org/docs/Web/CSS/calc'><code>calc()</code></a> in the <code>flex-basis</code> part of the <code>flex</code> syntax. This can be worked around by using the longhand properties instead of the shorthand. See <a href='https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc'>Flexbug #8</a> for more info.","Internet Explorer 10 and 11 consider a unitless value in the <code>flex-basis</code> part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the <code>flex-basis</code> part of the <code>flex</code> shorthand value. See <a href='https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored'>Flexbug #4</a> for more info."],"prefix":"-ms-","version_added":"10"}],"oculus":[{"version_added":"5.0"},{"prefix":"-webkit-","version_added":"5.0"}],"opera":{"version_added":"12.1"},"opera_android":{"version_added":"12.1"},"safari":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"7"}],"safari_ios":[{"version_added":"9"},{"prefix":"-webkit-","version_added":"7"}],"samsunginternet_android":[{"version_added":"2.0"},{"prefix":"-webkit-","version_added":"1.5"}],"webview_android":[{"version_added":"4.4"},{"prefix":"-webkit-","version_added":"≤37"}]}}