Skip to content

Commit a56ae22

Browse files
committed
[css-display] Define recursive inlinification.
1 parent 1783cff commit a56ae22

File tree

2 files changed

+14
-12
lines changed

2 files changed

+14
-12
lines changed

css-display/Overview.bs

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Group: csswg
88
Level: 3
99
Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/
1010
Abstract: This module contains the features of CSS relating to the 'display' property and other box-generation details.
11-
Ignored Terms: show, display-model, display-role, table row group box
11+
Ignored Terms: show, display-model, display-role, table row group box, formatting context
1212
Link Defaults: css-lists-3 (property) counter-increment
1313
</pre>
1414

@@ -363,14 +363,15 @@ Automatic Box Type Transformations</h3>
363363
</ul>
364364
</div>
365365

366+
When a box is <a>inlinified</a>,
367+
it recursively <a>inlinifies</a> all of its in-flow children
368+
unless it itself establishes a new formatting context,
369+
so that no block-level descendants
370+
break up the inline formatting context in which it participates.
371+
366372
The root element’s display type is always <a>blockified</a>.
367373
Additionally, a 'display-outside' of ''display-outside/contents'' computes to ''block-level'' on the root element.
368374

369-
Issue: Move the definition of recursive inlinification from Ruby to here.
370-
371-
372-
373-
374375

375376
<h2 id='box-suppress'>
376377
Controlling box generation: the 'box-suppress' property</h2>

css-display/Overview.html

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -459,14 +459,15 @@ <h3 class="heading settled" data-level=2.5 id=transformations><span class=secno>
459459
</ul>
460460
</div>
461461

462+
<p>When a box is <a data-link-type=dfn href=#inlinify title=inlinified>inlinified</a>,
463+
it recursively <a data-link-type=dfn href=#inlinify title=inlinifies>inlinifies</a> all of its in-flow children
464+
unless it itself establishes a new formatting context,
465+
so that no block-level descendants
466+
break up the inline formatting context in which it participates.</p>
467+
462468
<p>The root element’s display type is always <a data-link-type=dfn href=#blockify title=blockified>blockified</a>.
463469
Additionally, a <a class=property data-link-type=propdesc href=#propdef-display-outside title=display-outside>display-outside</a> of <a class=css data-link-for=display-outside data-link-type=maybe href=#valdef-display-outside-contents title=contents>contents</a> computes to <a class=css data-link-type=maybe href=#valdef-display-outside-block-level title=block-level>block-level</a> on the root element.</p>
464470

465-
<p class=issue id=issue-d4a1c253><a class=self-link href=#issue-d4a1c253></a>Move the definition of recursive inlinification from Ruby to here.</p>
466-
467-
468-
469-
470471

471472
<h2 class="heading settled" data-level=3 id=box-suppress><span class=secno>3 </span><span class=content>
472473
Controlling box generation: the <a class=property data-link-type=propdesc href=#propdef-box-suppress title=box-suppress>box-suppress</a> property</span><a class=self-link href=#box-suppress></a></h2>
@@ -807,6 +808,6 @@ <h2 class="no-num no-ref heading settled" id=property-index><span class=content>
807808

808809
<h2 class="no-num heading settled" id=issues-index><span class=content>Issues Index</span><a class=self-link href=#issues-index></a></h2><div style="counter-reset: issue"><div class=issue><a class=css data-link-for=display-outside data-link-type=maybe href=#valdef-display-outside-contents title=contents>contents</a> currently only has an effect on box generation and layout.
809810
Other things that care about the document tree are unaffected, like counter scopes.
810-
Is this what we want?<a href=#issue-1cacf007></a></div><div class=issue>Move the definition of recursive inlinification from Ruby to here.<a href=#issue-d4a1c253></a></div><div class=issue>Define handling of whitespace containing out-of-flow elements between run-ins,
811+
Is this what we want?<a href=#issue-1cacf007></a></div><div class=issue>Define handling of whitespace containing out-of-flow elements between run-ins,
811812
run-ins that contain block-level content (<a data-link-type=dfn href=#inlinify title=inlinify>inlinify</a> the contents recursively?),
812813
and anything else in bz’s feedback.<a href=#issue-803bbb08></a></div></div>

0 commit comments

Comments
 (0)