[css-overflow-3] overflow propagation only applies to 'overflow' longhands, move section

Author: fantasai

css-overflow-3/Overview.bs

@@ -619,6 +619,37 @@ Overflow in Print and Other Static Media</h4>
 	for example, e-book readers paginate content,
 	but are interactive.
 
+<h4 id="overflow-propagation">
+Overflow Viewport Propagation</h4>
+
+	UAs must apply the 'overflow' values
+	set on the root element to the <a>viewport</a>
+	when the root element’s 'display' value is not ''display/none''.
+	However,
+	when the root element is an [[!HTML]] <{html}> element
+	(including <a href="https://html.spec.whatwg.org/multipage/introduction.html#html-vs-xhtml">XML syntax for HTML</a>)
+	whose 'overflow' value is ''overflow/visible'' (in both axes),
+	and that element has as a child
+	a <{body}> element whose 'display' value is also not ''display/none'',
+	user agents must instead apply the 'overflow' values
+	of the first such child element to the viewport.
+	The element from which the value is propagated must then have
+	a used 'overflow' value of ''overflow/visible''.
+
+	Note: Using [=containment=] on the HTML <{html}> or <{body}> elements disables
+	this special handling of the HTML <{body}> element.
+	See the [[CSS-CONTAIN-1#contain-property]] for details.
+
+	Note: ''overflow: hidden'' on the root element
+	might not clip everything outside the [=Initial Containing Block=]
+	if the ICB is smaller than the viewport,
+	which can happen on mobile.
+
+	If ''overflow/visible'' is applied to the viewport,
+	it must be interpreted as ''overflow/auto''.
+	If ''overflow/clip'' is applied to the viewport,
+	it must be interpreted as ''overflow/hidden''.
+
 <h3 id="overflow-clip-margin">
 Expanding Clipping Bounds: the 'overflow-clip-margin' property</h3>
 
@@ -677,39 +708,6 @@ Expanding Clipping Bounds: the 'overflow-clip-margin' property</h3>
 	It now also affects [=scroll containers=],
 	but only to shrink the clipping edge.
 
-
-<h3 id="overflow-propagation">
-Overflow Viewport Propagation</h3>
-
-	UAs must apply the 'overflow-*' values
-	set on the root element to the <a>viewport</a>
-	when the root element’s 'display' value is not ''display/none''.
-	However,
-	when the root element is an [[!HTML]] <{html}> element
-	(including <a href="https://html.spec.whatwg.org/multipage/introduction.html#html-vs-xhtml">XML syntax for HTML</a>)
-	whose 'overflow' value is ''overflow/visible'' (in both axes),
-	and that element has as a child
-	a <{body}> element whose 'display' value is also not ''display/none'',
-	user agents must instead apply the 'overflow-*' values
-	of the first such child element to the viewport.
-	The element from which the value is propagated must then have
-	a used 'overflow' value of ''overflow/visible''.
-
-	Note: Using [=containment=] on the HTML <{html}> or <{body}> elements disables
-	this special handling of the HTML <{body}> element.
-	See the [[CSS-CONTAIN-1#contain-property]] for details.
-
-	Note: ''overflow: hidden'' on the root element
-	might not clip everything outside the [=Initial Containing Block=]
-	if the ICB is smaller than the viewport,
-	which can happen on mobile.
-
-	If ''overflow/visible'' is applied to the viewport,
-	it must be interpreted as ''overflow/auto''.
-	If ''overflow/clip'' is applied to the viewport,
-	it must be interpreted as ''overflow/hidden''.
-
-
 <h3 id=smooth-scrolling caniuse=css-scroll-behavior>
 Smooth Scrolling: the 'scroll-behavior' Property</h3>