Skip to content

Commit

Permalink
FF97 CSS basic-shape path() function enabled by default (#14498)
Browse files Browse the repository at this point in the history 
* FF97 CSS basic-shape path() function enabled by default

* css.properties.clip-path - fix versions

* clip-path.json - fix up android version for path

* svg.elements.path.d.path() - add versions

* clip-path - fix up proper removal for pref

* basic-shapes . path - make all notes

* Add mdn url for path()

* Fix up basic-shapes path support

* Apply suggestions from code review

Co-authored-by: Daniel D. Beck <daniel@ddbeck.com>

* Update svg/elements/path.json

Co-authored-by: Daniel D. Beck <daniel@ddbeck.com>

Co-authored-by: Daniel D. Beck <daniel@ddbeck.com>
  • Loading branch information
@hamishwillee @ddbeck
hamishwillee and ddbeck authored Feb 28, 2022
1 parent 4d8ed08 commit f185e9c
Show file tree
Hide file tree
Showing 3 changed files with 141 additions and 35 deletions.
29 changes: 18 additions & 11 deletions css/properties/clip-path.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -314,7 +314,24 @@
"version_added": "71"
},
{
"version_added": "63",
"version_added": "64",
"version_removed": "71",
"flags": [
{
"type": "preference",
"name": "layout.css.clip-path-path.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": [
{
"version_added": "79"
},
{
"version_added": "64",
"version_removed": "79",
"flags": [
{
"type": "preference",
Expand All @@ -324,16 +341,6 @@
]
}
],
"firefox_android": {
"version_added": "63",
"flags": [
{
"type": "preference",
"name": "layout.css.clip-path-path.enabled",
"value_to_set": "true"
}
]
},
"ie": {
"version_added": false
},
Expand Down
85 changes: 61 additions & 24 deletions css/types/basic-shape.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -270,30 +270,67 @@
"partial_implementation": true,
"notes": "Only supported on the <code>offset-path</code> property."
},
"firefox": {
"version_added": "63",
"partial_implementation": true,
"notes": "Only supported on the <code>clip-path</code> and <code>offset-path</code> properties.",
"flags": [
{
"type": "preference",
"name": "layout.css.clip-path-path.enabled",
"value_to_set": "true"
}
]
},
"firefox_android": {
"version_added": "63",
"partial_implementation": true,
"notes": "Only supported on the <code>clip-path</code> and <code>offset-path</code> properties.",
"flags": [
{
"type": "preference",
"name": "layout.css.clip-path-path.enabled",
"value_to_set": "true"
}
]
},
"firefox": [
{
"version_added": "63",
"partial_implementation": true,
"notes": [
"From version 97, the <code>d</code> SVG presentation attribute supports <code>path()</code>.",
"From version 71, the <code>clip-path</code> property supports <code>path()</code>.",
"Before version 71, only the <code>offset-path</code> property supports <code>path()</code>."
]
},
{
"version_added": "91",
"version_removed": "97",
"partial_implementation": true,
"flags": [
{
"type": "preference",
"name": "layout.css.d-property.enabled",
"value_to_set": "true"
}
],
"notes": "With the preference enabled, the <code>d</code> SVG presentation attribute, <code>clip-path</code> CSS property, and <code>offset-path</code> CSS property support <code>path()</code>."
},
{
"version_added": "64",
"version_removed": "71",
"partial_implementation": true,
"flags": [
{
"type": "preference",
"name": "layout.css.clip-path-path.enabled",
"value_to_set": "true"
}
],
"notes": "With the preference enabled, the <code>clip-path</code> and <code>offset-path</code> properties support <code>path()</code>."
}
],
"firefox_android": [
{
"version_added": "63",
"partial_implementation": true,
"notes": [
"From version 97, the <code>d</code> SVG presentation attribute supports <code>path()</code>.",
"From version 79, the <code>clip-path</code> property supports <code>path()</code>.",
"Before version 79, only the <code>offset-path</code> property supports <code>path()</code>."
]
},
{
"version_added": "64",
"version_removed": "79",
"partial_implementation": true,
"flags": [
{
"type": "preference",
"name": "layout.css.clip-path-path.enabled",
"value_to_set": "true"
}
],
"notes": "With the preference enabled, the <code>clip-path</code> and <code>offset-path</code> properties support <code>path()</code>."
}
],
"ie": {
"version_added": false
},
Expand Down
62 changes: 62 additions & 0 deletions svg/elements/path.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,6 +100,68 @@
"standard_track": true,
"deprecated": false
}
},
"path": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/path()",
"description": "<code>d</code> as CSS property supports <code>path()</code>",
"support": {
"chrome": {
"version_added": "52"
},
"chrome_android": {
"version_added": "52"
},
"edge": {
"version_added": "79"
},
"firefox": [
{
"version_added": "97"
},
{
"version_added": "91",
"version_removed": "97",
"flags": [
{
"type": "preference",
"name": "layout.css.d-property.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": {
"version_added": "97"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "60"
},
"opera_android": {
"version_added": "51"
},
"safari": {
"version_added": false
},
"safari_ios": {
"version_added": false
},
"samsunginternet_android": {
"version_added": "6.0"
},
"webview_android": {
"version_added": "52"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
}
}
Expand Down

0 comments on commit f185e9c

Please sign in to comment.