mdn-browser-compat-data
Version:
Browser compatibility data provided by MDN Web Docs
177 lines (176 loc) • 6.79 kB
JSON
{
"css": {
"properties": {
"flex": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex",
"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": [
{
"version_added": "20",
"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": "18",
"version_removed": "28",
"flags": [
{
"type": "preference",
"name": "layout.css.flexbox.enabled",
"value_to_set": "true"
}
]
},
{
"prefix": "-webkit-",
"version_added": "49"
},
{
"prefix": "-webkit-",
"version_added": "48",
"flags": [
{
"type": "preference",
"name": "layout.css.prefixes.webkit",
"value_to_set": "true"
}
]
}
],
"firefox_android": [
{
"version_added": "20",
"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": "18",
"version_removed": "28",
"flags": [
{
"type": "preference",
"name": "layout.css.flexbox.enabled",
"value_to_set": "true"
}
]
},
{
"prefix": "-webkit-",
"version_added": "49"
},
{
"prefix": "-webkit-",
"version_added": "48",
"flags": [
{
"type": "preference",
"name": "layout.css.prefixes.webkit",
"value_to_set": "true"
}
]
}
],
"ie": [
{
"version_added": "11",
"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."
]
},
{
"prefix": "-ms-",
"version_added": "10",
"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."
]
}
],
"opera": {
"version_added": "12.1"
},
"opera_android": {
"version_added": "12.1"
},
"safari": [
{
"version_added": "9"
},
{
"prefix": "-webkit-",
"version_added": "6.1"
}
],
"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"
}
]
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
}
}
}