From fff72f0eb426977088e1813b64af45574098d26a Mon Sep 17 00:00:00 2001 From: Florian Scholz Date: Fri, 13 Dec 2024 11:56:43 +0100 Subject: [PATCH] Add more offset-motion sub features (#25385) Missing sub features come from the BCD collector v10.12.7. `coord_box` was used in offset-path but in other CSS properties we also expanded this to border-box, content-box, fill-box, stroke-box etc. --- css/properties/offset-anchor.json | 185 +++++++++++++++++++ css/properties/offset-path.json | 266 +++++++++++++++++++++++++++- css/properties/offset-position.json | 185 +++++++++++++++++++ 3 files changed, 634 insertions(+), 2 deletions(-) diff --git a/css/properties/offset-anchor.json b/css/properties/offset-anchor.json index 98081061061c16..9e0d685b8da15f 100644 --- a/css/properties/offset-anchor.json +++ b/css/properties/offset-anchor.json @@ -74,6 +74,191 @@ "deprecated": false } } + }, + "bottom": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "72" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "center": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "72" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "left": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "72" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "right": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "72" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "top": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "72" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } } } } diff --git a/css/properties/offset-path.json b/css/properties/offset-path.json index c927d3a06fc413..c7d6b3784f483b 100644 --- a/css/properties/offset-path.json +++ b/css/properties/offset-path.json @@ -72,6 +72,7 @@ "basic_shape": { "__compat": { "description": "`<basic-shape>`", + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-path-basic-shape", "tags": [ "web-features:motion-path" ], @@ -106,9 +107,194 @@ } } }, - "coord_box": { + "border-box": { "__compat": { - "description": "`<coord-box>`", + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-border-box", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "content-box": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-content-box", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "fill-box": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-fill-box", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "margin-box": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-margin-box", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": false + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "none": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-path-none", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "80" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "72" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "padding-box": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-padding-box", "tags": [ "web-features:motion-path" ], @@ -183,6 +369,7 @@ "ray": { "__compat": { "description": "Support for [`ray()`](https://developer.mozilla.org/docs/Web/CSS/ray) function as a value", + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-path-ray", "tags": [ "web-features:motion-path" ], @@ -217,9 +404,47 @@ } } }, + "stroke-box": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-stroke-box", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, "url": { "__compat": { "description": "`<url>`", + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-path-url", "tags": [ "web-features:motion-path" ], @@ -253,6 +478,43 @@ "deprecated": false } } + }, + "view-box": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-box-4/#valdef-box-view-box", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "18" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } } } } diff --git a/css/properties/offset-position.json b/css/properties/offset-position.json index 3e77b0ebffad43..cb3a0a6333a780 100644 --- a/css/properties/offset-position.json +++ b/css/properties/offset-position.json @@ -75,6 +75,117 @@ } } }, + "bottom": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "center": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "left": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, "normal": { "__compat": { "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-normal", @@ -111,6 +222,80 @@ "deprecated": false } } + }, + "right": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } + }, + "top": { + "__compat": { + "spec_url": "https://drafts.fxtf.org/motion/#valdef-offset-position-position", + "tags": [ + "web-features:motion-path" + ], + "support": { + "chrome": { + "version_added": "116" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": "122" + }, + "firefox_android": "mirror", + "ie": { + "version_added": false + }, + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": "16" + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": false, + "standard_track": true, + "deprecated": false + } + } } } }