Bug 301204 – REGRESSION(301814@main): [iOS] imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-002.html is a constant failure

• Component: New Bugs
• Status: NEW

[Marta Darbinyan]

The following test started failing on iOS configuration after the change 301814@main.

imported/w3c/web-platform-tests/css/css-flexbox/negative-overflow-002.html

Diff:
 PASS .container 10
 PASS .container 11
 PASS .container 12
-PASS .container 13
-PASS .container 14
-PASS .container 15
+FAIL .container 13 assert_equals:
+<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: row;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
+scrollWidth expected 370 but got 355
+FAIL .container 14 assert_equals:
+<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
+scrollWidth expected 130 but got 115
+FAIL .container 15 assert_equals:
+<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>
+scrollWidth expected 130 but got 115
 PASS .container 16
 PASS .container 17
 PASS .container 18
-PASS .container 19
-PASS .container 20
+FAIL .container 19 assert_equals:
+<div class="container" data-expected-scroll-width="130" data-expected-scroll-height="370" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: column;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
+scrollWidth expected 130 but got 115
+FAIL .container 20 assert_equals:
+<div class="container" data-expected-scroll-width="370" data-expected-scroll-height="130" style="writing-mode: horizontal-tb; direction: rtl; flex-flow: column wrap;"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div>
+scrollWidth expected 370 but got 355
 PASS .container 21
-PASS .container 22
-PASS .container 23
+FAIL .container 22 assert_equals:
+<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>
+scrollWidth expected 130 but got 115
+FAIL .container 23 assert_equals:
+<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>
+scrollWidth expected 370 but got 355
 PASS .container 24
 PASS .container 25
 PASS .container 26


Test history:
https://results.webkit.org/?suite=layout-tests&test=imported%2Fw3c%2Fweb-platform-tests%2Fcss%2Fcss-flexbox%2Fnegative-overflow-002.html&platform=ios

Test results:
https://build.webkit.org/#/builders/1388/builds/2380

[Radar WebKit Bug Importer]

<rdar://problem/163131204>

[EWS]

Test gardening commit 301902@main (e01366f2bf29): <https://commits.webkit.org/301902@main>

Reviewed commits have been landed. Closing PR #52759 and removing active labels.

[fantasai]

Probably something to do with the fact that RTL scrollbars are on the opposite side in iOS... the failures are affecting RTL only and by the width of a scrollbar.