From ccec55ca9c2bcdc74972823d2ba64a519d7f20df Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Wed, 25 Mar 2026 15:04:06 +0100 Subject: [PATCH 1/5] Add partial implementation notes for align-self, justify-self, and place-self properties --- css/properties/align-self.json | 12 +++++++++--- css/properties/justify-self.json | 12 +++++++++--- css/properties/place-self.json | 12 +++++++++--- 3 files changed, 27 insertions(+), 9 deletions(-) diff --git a/css/properties/align-self.json b/css/properties/align-self.json index e91372b2ef8e7d..e498817917c67b 100644 --- a/css/properties/align-self.json +++ b/css/properties/align-self.json @@ -513,19 +513,25 @@ ], "support": { "chrome": { - "version_added": "122" + "version_added": "122", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { - "version_added": "134" + "version_added": "134", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "firefox_android": "mirror", "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { - "version_added": "26" + "version_added": "26", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", diff --git a/css/properties/justify-self.json b/css/properties/justify-self.json index 1415e42673b900..17f3d0fc29668a 100644 --- a/css/properties/justify-self.json +++ b/css/properties/justify-self.json @@ -264,19 +264,25 @@ ], "support": { "chrome": { - "version_added": "122" + "version_added": "122", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { - "version_added": "134" + "version_added": "134", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "firefox_android": "mirror", "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { - "version_added": "26" + "version_added": "26", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", diff --git a/css/properties/place-self.json b/css/properties/place-self.json index d2b03d9314b142..df47a8fce3ff26 100644 --- a/css/properties/place-self.json +++ b/css/properties/place-self.json @@ -146,19 +146,25 @@ ], "support": { "chrome": { - "version_added": "122" + "version_added": "122", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { - "version_added": "134" + "version_added": "134", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "firefox_android": "mirror", "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { - "version_added": "26" + "version_added": "26", + "partial_implementation": true, + "notes": "Only works when the element has a non-auto inset." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", From f5f805ae69919ac738d0ab6c1e1e52abc9663f66 Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Wed, 25 Mar 2026 15:19:05 +0100 Subject: [PATCH 2/5] Add bug urls --- css/properties/align-self.json | 2 ++ css/properties/justify-self.json | 2 ++ css/properties/place-self.json | 2 ++ 3 files changed, 6 insertions(+) diff --git a/css/properties/align-self.json b/css/properties/align-self.json index e498817917c67b..3eaf9dd26df0a7 100644 --- a/css/properties/align-self.json +++ b/css/properties/align-self.json @@ -514,6 +514,7 @@ "support": { "chrome": { "version_added": "122", + "impl_url": "https://crbug.com/376097648", "partial_implementation": true, "notes": "Only works when the element has a non-auto inset." }, @@ -521,6 +522,7 @@ "edge": "mirror", "firefox": { "version_added": "134", + "impl_url": "https://bugzil.la/2026174", "partial_implementation": true, "notes": "Only works when the element has a non-auto inset." }, diff --git a/css/properties/justify-self.json b/css/properties/justify-self.json index 17f3d0fc29668a..32cbd425aa5eb7 100644 --- a/css/properties/justify-self.json +++ b/css/properties/justify-self.json @@ -265,6 +265,7 @@ "support": { "chrome": { "version_added": "122", + "impl_url": "https://crbug.com/376097648", "partial_implementation": true, "notes": "Only works when the element has a non-auto inset." }, @@ -272,6 +273,7 @@ "edge": "mirror", "firefox": { "version_added": "134", + "impl_url": "https://bugzil.la/2026174", "partial_implementation": true, "notes": "Only works when the element has a non-auto inset." }, diff --git a/css/properties/place-self.json b/css/properties/place-self.json index df47a8fce3ff26..c71b4447edef75 100644 --- a/css/properties/place-self.json +++ b/css/properties/place-self.json @@ -147,6 +147,7 @@ "support": { "chrome": { "version_added": "122", + "impl_url": "https://crbug.com/376097648", "partial_implementation": true, "notes": "Only works when the element has a non-auto inset." }, @@ -154,6 +155,7 @@ "edge": "mirror", "firefox": { "version_added": "134", + "impl_url": "https://bugzil.la/2026174", "partial_implementation": true, "notes": "Only works when the element has a non-auto inset." }, From d53b29809e9bda060174f472f7d57541ceaa2e18 Mon Sep 17 00:00:00 2001 From: Claas Augner <495429+caugner@users.noreply.github.com> Date: Fri, 22 May 2026 13:23:34 +0200 Subject: [PATCH 3/5] Update css/properties/align-self.json Co-authored-by: Daniel D. Beck --- css/properties/align-self.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/css/properties/align-self.json b/css/properties/align-self.json index 3eaf9dd26df0a7..f689489d01043c 100644 --- a/css/properties/align-self.json +++ b/css/properties/align-self.json @@ -514,9 +514,8 @@ "support": { "chrome": { "version_added": "122", - "impl_url": "https://crbug.com/376097648", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "If `inset: auto` applies to the element, then … . See [bug 376097648](https://crbug.com/376097648)" }, "chrome_android": "mirror", "edge": "mirror", From 7a46c645332a4c8d0f713981be206571c3456429 Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Tue, 26 May 2026 11:41:26 +0200 Subject: [PATCH 4/5] Apply suggestions from code review Co-authored-by: Patrick Brosset --- css/properties/align-self.json | 7 +++---- css/properties/justify-self.json | 8 +++----- css/properties/place-self.json | 8 +++----- 3 files changed, 9 insertions(+), 14 deletions(-) diff --git a/css/properties/align-self.json b/css/properties/align-self.json index 4c2873589276c9..c90760c3144fd3 100644 --- a/css/properties/align-self.json +++ b/css/properties/align-self.json @@ -525,15 +525,14 @@ "chrome": { "version_added": "122", "partial_implementation": true, - "notes": "If `inset: auto` applies to the element, then … . See [bug 376097648](https://crbug.com/376097648)" + "notes": "`align-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`. See [bug 376097648](https://crbug.com/376097648)" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "134", - "impl_url": "https://bugzil.la/2026174", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`align-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`. See [bug 2026174](https://bugzil.la/2026174)" }, "firefox_android": "mirror", "oculus": "mirror", @@ -542,7 +541,7 @@ "safari": { "version_added": "26", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`align-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", diff --git a/css/properties/justify-self.json b/css/properties/justify-self.json index f7e87ba9bbca53..e7b43aa8df06e8 100644 --- a/css/properties/justify-self.json +++ b/css/properties/justify-self.json @@ -268,17 +268,15 @@ "support": { "chrome": { "version_added": "122", - "impl_url": "https://crbug.com/376097648", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`justify-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `left` and `right`. See [bug 376097648](https://crbug.com/376097648)" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "134", - "impl_url": "https://bugzil.la/2026174", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`justify-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `left` and `right`. See [bug 2026174](https://bugzil.la/2026174)" }, "firefox_android": "mirror", "oculus": "mirror", @@ -287,7 +285,7 @@ "safari": { "version_added": "26", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`justify-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `left` and `right`." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", diff --git a/css/properties/place-self.json b/css/properties/place-self.json index e6870330bf43c0..d08a83f866591b 100644 --- a/css/properties/place-self.json +++ b/css/properties/place-self.json @@ -149,17 +149,15 @@ "support": { "chrome": { "version_added": "122", - "impl_url": "https://crbug.com/376097648", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`. See [bug 376097648](https://crbug.com/376097648)" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "134", - "impl_url": "https://bugzil.la/2026174", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`. See [bug 2026174](https://bugzil.la/2026174)" }, "firefox_android": "mirror", "oculus": "mirror", @@ -168,7 +166,7 @@ "safari": { "version_added": "26", "partial_implementation": true, - "notes": "Only works when the element has a non-auto inset." + "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", From 2f357b22cac0c3992e107625ff3c5fedf60e5346 Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Tue, 26 May 2026 11:47:42 +0200 Subject: [PATCH 5/5] fix formatting --- css/properties/place-self.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/properties/place-self.json b/css/properties/place-self.json index d08a83f866591b..b0317b136d7d90 100644 --- a/css/properties/place-self.json +++ b/css/properties/place-self.json @@ -150,7 +150,7 @@ "chrome": { "version_added": "122", "partial_implementation": true, - "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`. See [bug 376097648](https://crbug.com/376097648)" + "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`. See [bug 376097648](https://crbug.com/376097648)" }, "chrome_android": "mirror", "edge": "mirror", @@ -166,7 +166,7 @@ "safari": { "version_added": "26", "partial_implementation": true, - "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`." + "notes": "`place-self` only applies to absolutely positioned boxes when both insets on the appropriate axis are 0, for example `top` and `bottom`." }, "safari_ios": "mirror", "samsunginternet_android": "mirror",