@@ -99,10 +99,17 @@ Layout and painting {#layout-painting}
9999 the decorations need to scroll along with items in the container.
100100
101101 A <dfn>gap intersection point</dfn> is defined to exist in each of the following locations:
102- <ul>
103- <li> The center of an intersection between a gap and the content edge of the container.</li>
104- <li> The center of an intersection between gaps in different directions.</li>
105- </ul>
102+ <ol>
103+ <li> The center of an intersection between a gap and the content edge of the container,
104+ unless that intersection is crossed by a spanning item.</li>
105+ <li> The center of an intersection between gaps in different directions, excluding:
106+ <ol>
107+ <li> Intersections where both sides of the same gap are crossed by
108+ spanning items adjacent to the intersection.</li>
109+ <li> Intersections completely covered by a spanning item.</li>
110+ </ol>
111+ </li>
112+ </ol>
106113
107114 The following examples illustrate the locations of <a>gap intersection points</a> ,
108115 marked with a magenta <span style="color:#f0f"> +</span> in each case.
@@ -123,8 +130,9 @@ Layout and painting {#layout-painting}
123130 <figcaption>
124131 Locations of <a>gap intersection points</a> in a grid with spanning items.
125132 Note the presence of <a>gap intersection points</a> at edges of the container,
126- and the absence of <a>gap intersection points</a> where adjacent grid items
127- span both sides of what would otherwise be an intersection (#2 and #6, or #4 and #7).
133+ except where a spanning item crosses the intersection, such as the top center of #1.
134+ Note also the absence of <a>gap intersection points</a> where adjacent grid items
135+ span both sides of an intersection, such as between #2 and #6, or #4 and #7.
128136 </figcaption>
129137 </div>
130138
@@ -182,8 +190,9 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
182190 </dd>
183191 <dt> <dfn>none</dfn>
184192 <dd>
185- Gap decorations start and end at <a>gap intersection points</a>
186- which are at an edge of the container only.
193+ Gap decorations start and end at all intersections between gaps and
194+ edges of the container. Spanning items and <a>gap intersection points</a>
195+ do not factor into the placement of gap decorations in this mode.
187196 </dd>
188197 </dl>
189198
0 commit comments