[css-align-3] Allow safe/unsafe to be combined with justify/align-self:normal. #12920

Author: tabatkins

css-align-3/Overview.bs

@@ -1364,7 +1364,7 @@ Inline-Axis (or Main-Axis) Self-Alignment: the 'justify-self' property</h3>
 
 	<pre class="propdef">
 	Name: justify-self
-	Value: auto | normal | stretch | <<baseline-position>> | <<overflow-position>>? [ <<self-position>> | left | right ]
+	Value: auto | <<overflow-position>>? [ normal | <<self-position>> | left | right ] <br>| stretch | <<baseline-position>>
 	Initial: auto
 	Applies to: block-level boxes, absolutely-positioned boxes, and grid items
 	Inherited: no
@@ -1396,6 +1396,16 @@ Inline-Axis (or Main-Axis) Self-Alignment: the 'justify-self' property</h3>
 			Represents the “default” alignment for the layout mode.
 			Its behavior depends on the layout mode, as described below.
 
+		: <<self-position>> | left | right
+		::
+			Shifts the position of the box as specified,
+			see [[#alignment-values]].
+
+		: <<overflow-position>>
+		::
+			Controls how the box aligns when it overflows,
+			see [[#overflow-values]].
+
 		: <dfn>stretch</dfn>
 		::
 			When the box’s [=computed value|computed=] 'width'/'height'
@@ -1421,10 +1431,6 @@ Inline-Axis (or Main-Axis) Self-Alignment: the 'justify-self' property</h3>
 			as defined in [[#baseline-values]],
 			[[#baseline-align-self]],
 			and [[#baseline-rules]].
-
-		: <<overflow-position>>? <<self-position>>
-		::
-			Defined in [[#alignment-values]], above.
 	</dl>
 
 	Values other than ''justify-self/stretch'' cause a 'width'/'height' of ''width/auto''
@@ -1584,7 +1590,7 @@ Block-Axis (or Cross-Axis) Self-Alignment: the 'align-self' property</h3>
 
 	<pre class="propdef">
 	Name: align-self
-	Value: auto | normal | stretch | <<baseline-position>> | <<overflow-position>>? <<self-position>>
+	Value: auto | <<overflow-position>>? [ normal | <<self-position>> ]<br>| stretch | <<baseline-position>>
 	Initial: auto
 	Applies to: flex items, grid items, and absolutely-positioned boxes
 	Inherited: no
@@ -1616,6 +1622,16 @@ Block-Axis (or Cross-Axis) Self-Alignment: the 'align-self' property</h3>
 			Represents the “default” alignment for the layout mode,
 			as defined below.
 
+		: <<self-position>>
+		::
+			Shifts the position of the box as specified,
+			see [[#alignment-values]].
+
+		: <<overflow-position>>
+		::
+			Controls how the box aligns when it overflows,
+			see [[#overflow-values]].
+
 		: <dfn>stretch</dfn>
 		::
 			As defined for 'justify-self' in [[#justify-self-property]].
@@ -1626,10 +1642,6 @@ Block-Axis (or Cross-Axis) Self-Alignment: the 'align-self' property</h3>
 			as defined in [[#baseline-values]],
 			[[#baseline-align-self]],
 			and [[#baseline-rules]].
-
-		: <<overflow-position>>? <<self-position>>
-		::
-			Defined in [[#alignment-values]], above.
 	</dl>
 
 	Note: ''margin/auto'' margins,
@@ -2525,6 +2537,8 @@ Changes</h2>
 	* Allow absolutely positioned boxes to honor alignment even when overflowing into
 		the scrollable overflow area of a scroll container containing block.
 		(<a href="https://github.com/w3c/csswg-drafts/issues/12106">Issue 12106</a>)
+	* Allow safe/unsafe to be specified with ''justify-self/normal''.
+		(<a href="https://github.com/w3c/csswg-drafts/issues/12920">Issue 12920</a>)
 
 	See also <a href="https://www.w3.org/TR/2025/WD-css-align-3-20250311/#changes">previous changes</a>.