@@ -253,10 +253,28 @@ Layout Within Line Boxes</h3>
253
253
and do not end with a [=forced line break=]
254
254
are <dfn lt="invisible line box">invisible line boxes</dfn> .
255
255
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
257
257
(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.
260
278
261
279
<h3 id="paint-order">
262
280
Painting Order</h3>
0 commit comments