Add BCD for CSS Anchor Positioning spec (#22813)

* Add BCD for CSS Anchor Positioning spec * Update spec_urls to latest editors draft * Add position-visibility property * Move anchorElement to HTMLElement * Remove anchor-scope * Update css/properties/anchor-name.json Co-authored-by: Florian Scholz <fs@florianscholz.com> * Add position-visibility value subfeatures * Add position-try-order value subfeatures, and fix anchor-name data * Add position-try-options value subfeatures * Addd inset-area value subfeatures * Add data for CSSPositionTryDescriptors * Update HTMLElement.anchorElement as advised * Add spec urls for inset-area * Remove anchors-valid property as not supported initially --------- Co-authored-by: Florian Scholz <fs@florianscholz.com>
mdn · Apr 21, 2024 · de9fbb3 · de9fbb3
1 parent 3932e74
commit de9fbb3
Show file tree

Hide file tree

Showing 41 changed files with 5,427 additions and 0 deletions.
diff --git a/api/CSSPositionTryDescriptors.json b/api/CSSPositionTryDescriptors.json
diff --git a/api/CSSPositionTryRule.json b/api/CSSPositionTryRule.json
@@ -0,0 +1,106 @@
+{
+  "api": {
+    "CSSPositionTryRule": {
+      "__compat": {
+        "mdn_url": "https://developer.mozilla.org/docs/Web/API/CSSPositionTryRule",
+        "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#csspositiontryrule",
+        "support": {
+          "chrome": {
+            "version_added": "125"
+          },
+          "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": false
+          },
+          "safari_ios": "mirror",
+          "samsunginternet_android": "mirror",
+          "webview_android": "mirror"
+        },
+        "status": {
+          "experimental": true,
+          "standard_track": true,
+          "deprecated": false
+        }
+      },
+      "name": {
+        "__compat": {
+          "mdn_url": "https://developer.mozilla.org/docs/Web/API/CSSPositionTryRule/name",
+          "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#dom-csspositiontryrule-name",
+          "support": {
+            "chrome": {
+              "version_added": "125"
+            },
+            "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": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": true,
+            "deprecated": false
+          }
+        }
+      },
+      "style": {
+        "__compat": {
+          "mdn_url": "https://developer.mozilla.org/docs/Web/API/CSSPositionTryRule/style",
+          "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#dom-csspositiontryrule-style",
+          "support": {
+            "chrome": {
+              "version_added": "125"
+            },
+            "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": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": true,
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/api/HTMLElement.json b/api/HTMLElement.json
@@ -116,6 +116,41 @@
           }
         }
       },
+      "anchorElement": {
+        "__compat": {
+          "mdn_url": "https://developer.mozilla.org/docs/Web/API/HTMLElement/anchorElement",
+          "support": {
+            "chrome": {
+              "version_added": "preview",
+              "partial_implementation": true,
+              "notes": "Supported on <code>Element</code>, not on <code>HTMLElement</code>"
+            },
+            "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": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": false,
+            "deprecated": false
+          }
+        }
+      },
       "attachInternals": {
         "__compat": {
           "mdn_url": "https://developer.mozilla.org/docs/Web/API/HTMLElement/attachInternals",

diff --git a/css/at-rules/position-try.json b/css/at-rules/position-try.json
@@ -0,0 +1,41 @@
+{
+  "css": {
+    "at-rules": {
+      "position-try": {
+        "__compat": {
+          "description": "<code>@position-try</code>",
+          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@position-try",
+          "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try",
+          "support": {
+            "chrome": {
+              "version_added": "125"
+            },
+            "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": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": true,
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/css/properties/align-items.json b/css/properties/align-items.json
@@ -63,6 +63,40 @@
             "deprecated": false
           }
         },
+        "anchor-center": {
+          "__compat": {
+            "description": "<code>anchor-center</code>",
+            "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#anchor-center",
+            "support": {
+              "chrome": {
+                "version_added": "125"
+              },
+              "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": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "flex_context": {
           "__compat": {
             "description": "Supported in Flex Layout",

diff --git a/css/properties/align-self.json b/css/properties/align-self.json
@@ -67,6 +67,40 @@
             "deprecated": false
           }
         },
+        "anchor-center": {
+          "__compat": {
+            "description": "<code>anchor-center</code>",
+            "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#anchor-center",
+            "support": {
+              "chrome": {
+                "version_added": "125"
+              },
+              "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": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "flex_context": {
           "__compat": {
             "description": "Supported in Flex Layout",

diff --git a/css/properties/anchor-name.json b/css/properties/anchor-name.json
@@ -0,0 +1,73 @@
+{
+  "css": {
+    "properties": {
+      "anchor-name": {
+        "__compat": {
+          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-name",
+          "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#name",
+          "support": {
+            "chrome": {
+              "version_added": "125"
+            },
+            "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": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": true,
+            "deprecated": false
+          }
+        },
+        "none": {
+          "__compat": {
+            "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-name-none",
+            "support": {
+              "chrome": {
+                "version_added": "125"
+              },
+              "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": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/css/properties/block-size.json b/css/properties/block-size.json
@@ -39,6 +39,40 @@
             "deprecated": false
           }
         },
+        "anchor-size": {
+          "__compat": {
+            "description": "<code>anchor-size()</code>",
+            "spec_url": "https://drafts.csswg.org/css-anchor-position-1/#anchor-size-fn",
+            "support": {
+              "chrome": {
+                "version_added": "125"
+              },
+              "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": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "fit-content": {
           "__compat": {
             "description": "<code>fit-content</code>",