Skip to content

Commit d8937ff

Browse files
committed
[css-inline-3] Clarify implications of line box invisibility
1 parent cdd86bd commit d8937ff

File tree

1 file changed

+21
-3
lines changed

1 file changed

+21
-3
lines changed

css-inline-3/Overview.bs

+21-3
Original file line numberDiff line numberDiff line change
@@ -253,10 +253,28 @@ Layout Within Line Boxes</h3>
253253
and do not end with a [=forced line break=]
254254
are <dfn lt="invisible line box">invisible line boxes</dfn>.
255255
Such boxes must be treated as zero-[=logical height|height=] [=line boxes=]
256-
for the purposes of determining the positions of any elements inside of them
256+
for the purposes of determining the positions of any descendant content
257257
(such as [=absolutely positioned boxes=]),
258-
and must be treated as not existing for any other purpose
259-
(such as <a href="https://www.w3.org/TR/CSS2/box.html#collapsing-margins">collapsing margins</a>).
258+
and both the [=line box=] and its [=in-flow=] content
259+
must be treated as not existing for any other layout or rendering purpose.
260+
261+
<details class=note>
262+
<summary>What’s invisible?</summary>
263+
264+
Such [=invisible line boxes=], which can still contain
265+
unstyled empty [=inline boxes=], [=out-of-flow=] boxes, and/or collapsed [=document white space=],
266+
are ignored, for example, for:
267+
* <a href="https://www.w3.org/TR/CSS2/box.html#collapsing-margins">margin collapsing</a>
268+
* finding the [=first formatted line=]
269+
* applying 'leading-trim'
270+
* [[css-break-4#break-propagation|fragmentation break propagation]]
271+
</details>
272+
273+
ISSUE: Firefox allows the inline boxes within an [=invisible line box=]
274+
to accept 'outline',which allows it to make focus rings visible.
275+
As in other browsers, all other properties that could make the element visible
276+
(e.g. 'box-shadow')
277+
seem to be ignored.
260278

261279
<h3 id="paint-order">
262280
Painting Order</h3>

0 commit comments

Comments
 (0)