@@ -99,10 +99,17 @@ Layout and painting {#layout-painting}
99
99
the decorations need to scroll along with items in the container.
100
100
101
101
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>
106
113
107
114
The following examples illustrate the locations of <a>gap intersection points</a> ,
108
115
marked with a magenta <span style="color:#f0f"> +</span> in each case.
@@ -123,8 +130,9 @@ Layout and painting {#layout-painting}
123
130
<figcaption>
124
131
Locations of <a>gap intersection points</a> in a grid with spanning items.
125
132
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.
128
136
</figcaption>
129
137
</div>
130
138
@@ -182,8 +190,9 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
182
190
</dd>
183
191
<dt> <dfn>none</dfn>
184
192
<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.
187
196
</dd>
188
197
</dl>
189
198
0 commit comments