|
133 | 133 |
|
134 | 134 | <p> |
135 | 135 | This case shows 3 items' areas intersecting the first row and first column, |
| 136 | + but none of them participate in baseline alignment in the first row, |
136 | 137 | so the dom order must be used to determine each grid's baseline. |
137 | 138 | </p> |
138 | 139 | <div class="container" data-expected-width="480" data-expected-height="165"> |
139 | 140 | <div class="grid twoRows" data-offset-x="0" data-offset-y="40"> |
140 | 141 | <div class="firstRowFirstColumn target" data-offset-x="0" data-offset-y="0"></div> |
141 | 142 | <div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div> |
142 | | - <div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div> |
| 143 | + <div class="bothRowFirstColumn style2" style="align-self: last baseline" data-offset-x="0"></div> |
143 | 144 | </div> |
144 | 145 | <div class="grid twoRows" data-offset-x="160" data-offset-y="0"> |
145 | 146 | <div class="bothRowFirstColumn target" data-offset-x="0" data-offset-y="10"></div> |
|
155 | 156 |
|
156 | 157 | <p> |
157 | 158 | This case shows 3 items' areas intersecting the first row and first column, |
158 | | - but one of the items participates in baseline alignment, |
| 159 | + but one of the items participates in baseline alignment in the first row, |
159 | 160 | so such item is used to determine the grid's baseline |
160 | 161 | instead of using the dom order. |
161 | 162 | </p> |
162 | 163 | <div class="container" data-expected-width="480" data-expected-height="165"> |
163 | 164 | <div class="grid twoRows" data-offset-x="0" data-offset-y="55"> |
164 | 165 | <div class="firstRowFirstColumn" data-offset-x="0" data-offset-y="0"></div> |
165 | 166 | <div class="firstRowBothColumn alignSelfBaseline target" style="width: 100px; height: 20px;" data-offset-x="0" data-offset-y="15"></div> |
166 | | - <div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div> |
| 167 | + <div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div> |
167 | 168 | </div> |
168 | 169 | <div class="grid twoRows" data-offset-x="160" data-offset-y="40"> |
169 | | - <div class="bothRowFirstColumn" data-offset-x="0" data-offset-y="10"></div> |
| 170 | + <div class="bothRowFirstColumn style2" style="align-self: last baseline" data-offset-x="0"></div> |
170 | 171 | <div class="firstRowFirstColumn alignSelfBaseline target" style="width: 50px; height: 50px;" data-offset-x="0" data-offset-y="0"></div> |
171 | 172 | <div class="firstRowBothColumn" data-offset-x="0" data-offset-y="15"></div> |
172 | 173 | </div> |
|
0 commit comments