[css-ruby] Actually, ruby bases/annotations should follow the ruby base container's directionality.

Author: fantasai

css-ruby/Overview.html

@@ -921,6 +921,7 @@ <h3 class="heading settled heading" data-level=3.4 id=bidi><span class=secno>3.4
 	a few restrictions must be imposed:
 	<ul>
 		<li>The contents of a <a data-link-type=dfn href=#ruby-base-box title="ruby base">ruby base</a> or <a data-link-type=dfn href=#ruby-annotation-box title="ruby annotation">ruby annotation</a> must remain contiguous.
+		<li><a data-link-type=dfn href=#ruby-annotation-box title="ruby annotations">Ruby annotations</a> must be reordered together with their <a data-link-type=dfn href=#ruby-base-box title="ruby bases">ruby bases</a>.
 		<li>All <a data-link-type=dfn href=#ruby-base-box title="ruby bases">ruby bases</a> spanned by a single <a data-link-type=dfn href=#ruby-annotation-box title="ruby annotation">ruby annotation</a> must remain contiguous.
 	</ul>
 
@@ -930,21 +931,29 @@ <h3 class="heading settled heading" data-level=3.4 id=bidi><span class=secno>3.4
 			Bidi isolation is forced on all <a data-link-type=dfn href=#internal-ruby-boxes title="internal ruby boxes">internal ruby boxes</a> and the <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>:
 			the <span class=css data-link-type=maybe title=normal>normal</span> and <span class=css data-link-type=maybe title=embed>embed</span> values of <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-writing-modes-3/#propdef-unicode-bidi title=unicode-bidi>unicode-bidi</a> compute to <span class=css data-link-type=maybe title=isolate>isolate</span>,
 			and <span class=css data-link-type=maybe title=bidi-override>bidi-override</span> computes to <span class=css data-link-type=maybe title=isolate-override>isolate-override</span>.
+			<p class=note>
+				Note this means that implicit bidi reordering does not work across ruby bases,
+				so authors will need to ensure that the <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>’s declared directionality
+				does indeed match its contents.
 		<li>
-			During layout, <a data-link-type=dfn href=#ruby-segments title="ruby segments">ruby segments</a>, <a data-link-type=dfn href=#ruby-annotation-box title="ruby annotations">ruby annotations</a>, and <a data-link-type=dfn href=#ruby-base-box title="ruby bases">ruby bases</a>
-			are ordered within their respective containers
+			During layout, <a data-link-type=dfn href=#ruby-segments title="ruby segments">ruby segments</a> are ordered within the <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>
 			by the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-writing-modes-3/#propdef-direction title=direction>direction</a> property of their <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>.
-			The <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-writing-modes-3/#propdef-direction title=direction>direction</a> property on <a data-link-type=dfn href=#ruby-base-container-box title="ruby base containers">ruby base containers</a> and <a data-link-type=dfn href=#ruby-annotation-container-box title="ruby annotation containers">ruby annotation containers</a>
-			is ignored for the purpose of layout.
-			(However, it can still inherit into the container’s children
-			and thereby affect the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-writing-modes-3/#inline-base-direction title="inline base direction">inline base direction</a>
-			of any <a data-link-type=dfn href=#ruby-base-box title="ruby bases">ruby bases</a> or <a data-link-type=dfn href=#ruby-annotation-box title="ruby annotations">ruby annotations</a> it contains.)
+		<li>
+			Within a segment, <a data-link-type=dfn href=#ruby-base-box title="ruby bases">ruby bases</a> and <a data-link-type=dfn href=#ruby-annotation-box title="ruby annotations">ruby annotations</a>
+			are ordered within their respective containers
+			by the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-writing-modes-3/#propdef-direction title=direction>direction</a> property of the segment’s <a data-link-type=dfn href=#ruby-base-container-box title="ruby base container">ruby base container</a>.
+			<span class=note>
+				Note this means the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-writing-modes-3/#propdef-direction title=direction>direction</a> property on <a data-link-type=dfn href=#ruby-annotation-container-box title="ruby annotation containers">ruby annotation containers</a>
+				is ignored for the purpose of layout.
+				However, it can still inherit into the container’s children
+				and thereby affect the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-writing-modes-3/#inline-base-direction title="inline base direction">inline base direction</a>
+				of any <a data-link-type=dfn href=#ruby-annotation-box title="ruby annotations">ruby annotations</a> it contains.
+			</span>
 	</ul>
 
-	<p class=note>
-		Note this means that implicit bidi reordering does not work across ruby bases,
-		so authors will need to ensure that the <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>’s declared directionality
-		does indeed match its contents.
+	<p>As with other inline-level content,
+	the bidi reordering of <a data-link-type=dfn href=#internal-ruby-boxes title="internal ruby boxes">internal ruby boxes</a> happens after line-breaking
+	so that content is divided across lines according to its logical order.
 
 	<p>See <a data-biblio-type=informative data-link-type=biblio href=#biblio-css3-writing-modes title=biblio-css3-writing-modes>[CSS3-WRITING-MODES]</a> for a more in-depth discussion of bidirectional text in CSS.
 

css-ruby/Overview.src.html

@@ -784,6 +784,7 @@ <h3 id="bidi">
 	a few restrictions must be imposed:
 	<ul>
 		<li>The contents of a <i>ruby base</i> or <i>ruby annotation</i> must remain contiguous.
+		<li><i>Ruby annotations</i> must be reordered together with their <i>ruby bases</i>.
 		<li>All <i>ruby bases</i> spanned by a single <i>ruby annotation</i> must remain contiguous.
 	</ul>
 
@@ -793,21 +794,29 @@ <h3 id="bidi">
 			Bidi isolation is forced on all <i>internal ruby boxes</i> and the <i>ruby container</i>:
 			the ''normal'' and ''embed'' values of 'unicode-bidi' compute to ''isolate'',
 			and ''bidi-override'' computes to ''isolate-override''.
+			<p class="note">
+				Note this means that implicit bidi reordering does not work across ruby bases,
+				so authors will need to ensure that the <i>ruby container</i>’s declared directionality
+				does indeed match its contents.
 		<li>
-			During layout, <i>ruby segments</i>, <i>ruby annotations</i>, and <i>ruby bases</i>
-			are ordered within their respective containers
+			During layout, <i>ruby segments</i> are ordered within the <i>ruby container</i>
 			by the 'direction' property of their <i>ruby container</i>.
-			The 'direction' property on <i>ruby base containers</i> and <i>ruby annotation containers</i>
-			is ignored for the purpose of layout.
-			(However, it can still inherit into the container's children
-			and thereby affect the <i>inline base direction</i>
-			of any <i>ruby bases</i> or <i>ruby annotations</i> it contains.)
+		<li>
+			Within a segment, <i>ruby bases</i> and <i>ruby annotations</i>
+			are ordered within their respective containers
+			by the 'direction' property of the segment’s <i>ruby base container</i>.
+			<span class="note">
+				Note this means the 'direction' property on <i>ruby annotation containers</i>
+				is ignored for the purpose of layout.
+				However, it can still inherit into the container's children
+				and thereby affect the <i>inline base direction</i>
+				of any <i>ruby annotations</i> it contains.
+			</span>
 	</ul>
 
-	<p class="note">
-		Note this means that implicit bidi reordering does not work across ruby bases,
-		so authors will need to ensure that the <i>ruby container</i>’s declared directionality
-		does indeed match its contents.
+	<p>As with other inline-level content,
+	the bidi reordering of <i>internal ruby boxes</i> happens after line-breaking
+	so that content is divided across lines according to its logical order.
 
 	<p>See [[CSS3-WRITING-MODES]] for a more in-depth discussion of bidirectional text in CSS.