Skip to content

Commit 37c111e

Browse files
fantasaifantasai
committed
Handle padding and margins correctly for flex and grid in all writing modes
https://bugs.webkit.org/show_bug.cgi?id=218579 rdar://71046552 Reviewed by Alan Baradlay. Encodes tracking of in-flow scrollable content edges into RenderOverflow as rectangles, and more cleanly tracks margin-box overflow of items by handling it as an option within the existing addOverflow* methods. Using rectangles means we can easily handle all the writing modes correctly, thus many tests are fixed. \^_^/ * LayoutTests/TestExpectations: * LayoutTests/imported/w3c/web-platform-tests/css/css-anchor-position/anchor-scroll-position-try-014-expected.txt: * LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-002-expected.txt: * LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-003-expected.txt: * LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-expected.txt: * LayoutTests/imported/w3c/web-platform-tests/css/css-overflow/scrollable-overflow-height-with-flex-item-margin-inline-end-rtl-expected.txt: * LayoutTests/imported/w3c/web-platform-tests/css/css-overflow/scrollable-overflow-zero-one-axis-expected.txt: * LayoutTests/platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-002-expected.txt: Removed. Pass more tests. * LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-content-alignment-overflow-002-expected.txt: Rebaseline. (The test needs to be fixed upstream; the behavior is correct.) * Source/WebCore/platform/graphics/LayoutRect.h: (WebCore::LayoutRect::floorSize): Add utility method. * Source/WebCore/rendering/LegacyInlineFlowBox.cpp: (WebCore::LegacyInlineFlowBox::setVisualOverflow): Update call to RenderOverflow constructor. * Source/WebCore/rendering/RenderBlock.cpp: (WebCore::RenderBlock::computeOverflow): Remove tangled up writing mode handling with simpler logic using stored content area rectangle. This is now more correct. (WebCore::RenderBlock::clearLayoutOverflow): Update to also clear the content area rectangle. (WebCore::RenderBlock::simplifiedLayout): * Source/WebCore/rendering/RenderBlock.h: (WebCore::RenderBlock::computeOverflow): * Source/WebCore/rendering/RenderBlockFlow.cpp: (WebCore::RenderBlockFlow::layoutBlock): (WebCore::RenderBlockFlow::computeOverflow): * Source/WebCore/rendering/RenderBlockFlow.h: (WebCore::RenderBlockFlow::computeOverflow): Update to retrieve / track / pass content area rectangle instead of single coord. * Source/WebCore/rendering/RenderBox.cpp: (WebCore::RenderBox::addOverflowWithRendererOffset): Remove code that has super tangled up writing mode handling and embeds subclass logic into this superclass, and replace with a generic option to track margin areas. (WebCore::RenderBox::ensureOverflow): Update call to RenderOverflow constructor. * Source/WebCore/rendering/RenderBox.h: * Source/WebCore/rendering/RenderBoxInlines.h: (WebCore::RenderBox::flippedContentBoxRect const): Add new convenience method to retrieve flipped contentBoxRect(). Add more options to ComputeOverflowOptions for addOverflow* * Source/WebCore/rendering/RenderBoxFragmentInfo.h: (WebCore::RenderBoxFragmentInfo::createOverflow): Update call to RenderOverflow constructor. * Source/WebCore/rendering/RenderDeprecatedFlexibleBox.cpp: (WebCore::RenderDeprecatedFlexibleBox::layoutBlock): (WebCore::RenderDeprecatedFlexibleBox::layoutSingleClampedFlexItem): * Source/WebCore/rendering/RenderFlexibleBox.cpp: (WebCore::RenderFlexibleBox::layoutBlock): Update computeOverflow call to use new API and margin tracking option. * Source/WebCore/rendering/RenderGrid.cpp: (WebCore::RenderGrid::layoutGrid): (WebCore::RenderGrid::layoutMasonry): Update computeOverflow call to use new API and margin tracking option. (WebCore::RenderGrid::contentOverflowRect const): (WebCore::RenderGrid::computeOverflow): Deleted. * Source/WebCore/rendering/RenderGrid.h: Add method to calculate the content area rectangle to pass to computeOverflow and remove now unneeded computeOverflow method. * Source/WebCore/rendering/RenderOverflow.h: (WebCore::RenderOverflow::RenderOverflow): (WebCore::RenderOverflow::contentArea const): (WebCore::RenderOverflow::addContentOverflow): (WebCore::RenderOverflow::setContentArea): (WebCore::RenderOverflow::move): (WebCore::RenderOverflow::layoutClientAfterEdge const): Deleted. (WebCore::RenderOverflow::setLayoutClientAfterEdge): Deleted. Set up tracking for content area rectangle. * Source/WebCore/rendering/RenderTable.cpp: (WebCore::RenderTable::layout): * Source/WebCore/rendering/RenderTextControlSingleLine.cpp: (WebCore::RenderTextControlSingleLine::layout): * Source/WebCore/rendering/svg/RenderSVGBlock.cpp: (WebCore::RenderSVGBlock::computeOverflow): * Source/WebCore/rendering/svg/RenderSVGBlock.h: Update to new computeOverflow API. Canonical link: https://commits.webkit.org/301814@main
1 parent fc7a433 commit 37c111e

29 files changed

+193
-652
lines changed

‎LayoutTests/TestExpectations‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5056,10 +5056,7 @@ webkit.org/b/219343 imported/w3c/web-platform-tests/css/css-flexbox/aspect-ratio
50565056
webkit.org/b/145176 imported/w3c/web-platform-tests/css/css-flexbox/flexbox_align-items-stretch-3.html [ ImageOnlyFailure ]
50575057
webkit.org/b/210093 imported/w3c/web-platform-tests/css/css-flexbox/select-element-zero-height-001.html [ ImageOnlyFailure ]
50585058
webkit.org/b/210093 imported/w3c/web-platform-tests/css/css-flexbox/select-element-zero-height-002.html [ ImageOnlyFailure ]
5059-
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/overflow-area-001.html [ ImageOnlyFailure ]
5060-
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/overflow-area-002.html [ ImageOnlyFailure ]
50615059
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/overflow-auto-005.html [ ImageOnlyFailure ]
5062-
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/overflow-top-left.html [ ImageOnlyFailure ]
50635060
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/percentage-heights-014.html [ ImageOnlyFailure ]
50645061
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/scrollbars-auto.html [ ImageOnlyFailure ]
50655062
webkit.org/b/212046 imported/w3c/web-platform-tests/css/css-flexbox/scrollbars.html [ ImageOnlyFailure ]

‎LayoutTests/imported/w3c/web-platform-tests/css/css-anchor-position/anchor-scroll-position-try-014-expected.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

22
PASS anchor-scroll-position-try-014
3-
FAIL anchor-scroll-position-try-014 1 assert_equals: Anchored element should be at the top of anchor expected 9 but got 109
3+
PASS anchor-scroll-position-try-014 1
44
PASS anchor-scroll-position-try-014 2
55

‎LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-002-expected.txt‎

Lines changed: 30 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -217,134 +217,74 @@
217217

218218
PASS .container 1
219219
PASS .container 2
220-
FAIL .container 3 assert_equals:
221-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: ltr; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
222-
scrollWidth expected 130 but got 120
220+
PASS .container 3
223221
PASS .container 4
224222
PASS .container 5
225-
FAIL .container 6 assert_equals:
226-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: ltr; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
227-
scrollWidth expected 130 but got 120
223+
PASS .container 6
228224
PASS .container 7
229225
PASS .container 8
230226
PASS .container 9
231-
FAIL .container 10 assert_equals:
232-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: ltr; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
233-
scrollWidth expected 130 but got 120
234-
FAIL .container 11 assert_equals:
235-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: horizontal-tb; direction: ltr; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
236-
scrollWidth expected 370 but got 360
237-
FAIL .container 12 assert_equals:
238-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: horizontal-tb; direction: ltr; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
239-
scrollWidth expected 370 but got 360
227+
PASS .container 10
228+
PASS .container 11
229+
PASS .container 12
240230
PASS .container 13
241231
PASS .container 14
242-
FAIL .container 15 assert_equals:
243-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
244-
scrollWidth expected 130 but got 120
232+
PASS .container 15
245233
PASS .container 16
246234
PASS .container 17
247-
FAIL .container 18 assert_equals:
248-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
249-
scrollWidth expected 130 but got 120
235+
PASS .container 18
250236
PASS .container 19
251237
PASS .container 20
252238
PASS .container 21
253-
FAIL .container 22 assert_equals:
254-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
255-
scrollWidth expected 130 but got 120
256-
FAIL .container 23 assert_equals:
257-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
258-
scrollWidth expected 370 but got 360
259-
FAIL .container 24 assert_equals:
260-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
261-
scrollWidth expected 370 but got 360
239+
PASS .container 22
240+
PASS .container 23
241+
PASS .container 24
262242
PASS .container 25
263243
PASS .container 26
264-
FAIL .container 27 assert_equals:
265-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-rl; direction: ltr; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
266-
scrollWidth expected 370 but got 360
244+
PASS .container 27
267245
PASS .container 28
268246
PASS .container 29
269-
FAIL .container 30 assert_equals:
270-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-rl; direction: ltr; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
271-
scrollWidth expected 370 but got 360
247+
PASS .container 30
272248
PASS .container 31
273249
PASS .container 32
274250
PASS .container 33
275-
FAIL .container 34 assert_equals:
276-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-rl; direction: ltr; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
277-
scrollWidth expected 370 but got 360
278-
FAIL .container 35 assert_equals:
279-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-rl; direction: ltr; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
280-
scrollWidth expected 130 but got 120
281-
FAIL .container 36 assert_equals:
282-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-rl; direction: ltr; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
283-
scrollWidth expected 130 but got 120
251+
PASS .container 34
252+
PASS .container 35
253+
PASS .container 36
284254
PASS .container 37
285255
PASS .container 38
286-
FAIL .container 39 assert_equals:
287-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-rl; direction: rtl; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
288-
scrollWidth expected 370 but got 360
256+
PASS .container 39
289257
PASS .container 40
290258
PASS .container 41
291-
FAIL .container 42 assert_equals:
292-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-rl; direction: rtl; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
293-
scrollWidth expected 370 but got 360
259+
PASS .container 42
294260
PASS .container 43
295261
PASS .container 44
296262
PASS .container 45
297-
FAIL .container 46 assert_equals:
298-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-rl; direction: rtl; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
299-
scrollWidth expected 370 but got 360
300-
FAIL .container 47 assert_equals:
301-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-rl; direction: rtl; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
302-
scrollWidth expected 130 but got 120
303-
FAIL .container 48 assert_equals:
304-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-rl; direction: rtl; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
305-
scrollWidth expected 130 but got 120
263+
PASS .container 46
264+
PASS .container 47
265+
PASS .container 48
306266
PASS .container 49
307267
PASS .container 50
308-
FAIL .container 51 assert_equals:
309-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-lr; direction: ltr; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
310-
scrollWidth expected 370 but got 360
268+
PASS .container 51
311269
PASS .container 52
312270
PASS .container 53
313-
FAIL .container 54 assert_equals:
314-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-lr; direction: ltr; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
315-
scrollWidth expected 370 but got 360
271+
PASS .container 54
316272
PASS .container 55
317273
PASS .container 56
318274
PASS .container 57
319-
FAIL .container 58 assert_equals:
320-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-lr; direction: ltr; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
321-
scrollWidth expected 370 but got 360
322-
FAIL .container 59 assert_equals:
323-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-lr; direction: ltr; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
324-
scrollWidth expected 130 but got 120
325-
FAIL .container 60 assert_equals:
326-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-lr; direction: ltr; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
327-
scrollWidth expected 130 but got 120
275+
PASS .container 58
276+
PASS .container 59
277+
PASS .container 60
328278
PASS .container 61
329279
PASS .container 62
330-
FAIL .container 63 assert_equals:
331-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-lr; direction: rtl; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
332-
scrollWidth expected 370 but got 360
280+
PASS .container 63
333281
PASS .container 64
334282
PASS .container 65
335-
FAIL .container 66 assert_equals:
336-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-lr; direction: rtl; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
337-
scrollWidth expected 370 but got 360
283+
PASS .container 66
338284
PASS .container 67
339285
PASS .container 68
340286
PASS .container 69
341-
FAIL .container 70 assert_equals:
342-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: vertical-lr; direction: rtl; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
343-
scrollWidth expected 370 but got 360
344-
FAIL .container 71 assert_equals:
345-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-lr; direction: rtl; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
346-
scrollWidth expected 130 but got 120
347-
FAIL .container 72 assert_equals:
348-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: vertical-lr; direction: rtl; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
349-
scrollWidth expected 130 but got 120
287+
PASS .container 70
288+
PASS .container 71
289+
PASS .container 72
350290

‎LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-003-expected.txt‎

Lines changed: 20 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -145,90 +145,50 @@
145145

146146
PASS .container 1
147147
PASS .container 2
148-
FAIL .container 3 assert_equals:
149-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-rl; direction: ltr; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
150-
scrollWidth expected 370 but got 360
148+
PASS .container 3
151149
PASS .container 4
152150
PASS .container 5
153-
FAIL .container 6 assert_equals:
154-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-rl; direction: ltr; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
155-
scrollWidth expected 370 but got 360
151+
PASS .container 6
156152
PASS .container 7
157153
PASS .container 8
158154
PASS .container 9
159-
FAIL .container 10 assert_equals:
160-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-rl; direction: ltr; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
161-
scrollWidth expected 370 but got 360
162-
FAIL .container 11 assert_equals:
163-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-rl; direction: ltr; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
164-
scrollWidth expected 130 but got 120
165-
FAIL .container 12 assert_equals:
166-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-rl; direction: ltr; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
167-
scrollWidth expected 130 but got 120
155+
PASS .container 10
156+
PASS .container 11
157+
PASS .container 12
168158
PASS .container 13
169159
PASS .container 14
170-
FAIL .container 15 assert_equals:
171-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-rl; direction: rtl; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
172-
scrollWidth expected 370 but got 360
160+
PASS .container 15
173161
PASS .container 16
174162
PASS .container 17
175-
FAIL .container 18 assert_equals:
176-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-rl; direction: rtl; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
177-
scrollWidth expected 370 but got 360
163+
PASS .container 18
178164
PASS .container 19
179165
PASS .container 20
180166
PASS .container 21
181-
FAIL .container 22 assert_equals:
182-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-rl; direction: rtl; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
183-
scrollWidth expected 370 but got 360
184-
FAIL .container 23 assert_equals:
185-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-rl; direction: rtl; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
186-
scrollWidth expected 130 but got 120
187-
FAIL .container 24 assert_equals:
188-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-rl; direction: rtl; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
189-
scrollWidth expected 130 but got 120
167+
PASS .container 22
168+
PASS .container 23
169+
PASS .container 24
190170
PASS .container 25
191171
PASS .container 26
192-
FAIL .container 27 assert_equals:
193-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-lr; direction: ltr; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
194-
scrollWidth expected 370 but got 360
172+
PASS .container 27
195173
PASS .container 28
196174
PASS .container 29
197-
FAIL .container 30 assert_equals:
198-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-lr; direction: ltr; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
199-
scrollWidth expected 370 but got 360
175+
PASS .container 30
200176
PASS .container 31
201177
PASS .container 32
202178
PASS .container 33
203-
FAIL .container 34 assert_equals:
204-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-lr; direction: ltr; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
205-
scrollWidth expected 370 but got 360
206-
FAIL .container 35 assert_equals:
207-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-lr; direction: ltr; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
208-
scrollWidth expected 130 but got 120
209-
FAIL .container 36 assert_equals:
210-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-lr; direction: ltr; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
211-
scrollWidth expected 130 but got 120
179+
PASS .container 34
180+
PASS .container 35
181+
PASS .container 36
212182
PASS .container 37
213183
PASS .container 38
214-
FAIL .container 39 assert_equals:
215-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-lr; direction: rtl; flex-flow: wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
216-
scrollWidth expected 370 but got 360
184+
PASS .container 39
217185
PASS .container 40
218186
PASS .container 41
219-
FAIL .container 42 assert_equals:
220-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-lr; direction: rtl; flex-flow: row-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
221-
scrollWidth expected 370 but got 360
187+
PASS .container 42
222188
PASS .container 43
223189
PASS .container 44
224190
PASS .container 45
225-
FAIL .container 46 assert_equals:
226-
<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: sideways-lr; direction: rtl; flex-flow: column-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
227-
scrollWidth expected 370 but got 360
228-
FAIL .container 47 assert_equals:
229-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-lr; direction: rtl; flex-flow: column-reverse wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
230-
scrollWidth expected 130 but got 120
231-
FAIL .container 48 assert_equals:
232-
<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: sideways-lr; direction: rtl; flex-flow: column-reverse wrap-reverse;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
233-
scrollWidth expected 130 but got 120
191+
PASS .container 46
192+
PASS .container 47
193+
PASS .container 48
234194

0 commit comments

Comments
 (0)