mirror of
https://github.com/servo/servo.git
synced 2025-08-16 10:55:34 +01:00
layout: Account for transform in scrollable overflow (#36138)
In the scrollable overflow calcutation, apply CSS transforms to boxes and scrollable overflow of the descendant. Clip unreachable scrollable overflow according to it's block start and inline start scrolling direction. And, renamed `Fragment::scrolling_overflow` to `Fragment::scrolling_overflow_for_parent` as it was calculating the scrolling overflow contribution from a child. Add several WPT tests, testing the transform interaction `rotate`, `scale`, and `skew` with scrollable overflow. There are several WPT test that are testing the interaction that not expected from current browsers implementation according to the spec. Testing: Existing and new WPT. Fixes: #36031 --------- Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>
This commit is contained in:
Steven Novaryo
GitHub
parent
b92542b756
commit
bd6928f3dc
37 changed files with 974 additions and 288 deletions
|
|
@ -1,12 +0,0 @@
|
|||
[scrollWidthHeight-negative-margin-001.html]
|
||||
[scrollWidth/Height with negative margins: overflow: visible;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth/Height with negative margins: overflow: hidden;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth/Height with negative margins: overflow: auto;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth/Height with negative margins: overflow: clip;]
|
||||
expected: FAIL
|
||||
|
|
@ -121,97 +121,97 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
|
@ -220,49 +220,49 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: row-reverse wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
|
@ -313,145 +313,145 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
|
@ -505,85 +505,70 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: visible; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: visible; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: hidden; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: hidden; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: auto; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: auto; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: scroll; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: scroll; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: visible; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: visible; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: hidden; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: hidden; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: auto; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: auto; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: scroll; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: scroll; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: clip; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: clip; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flow-root; overflow: clip; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flow-root; overflow: clip; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
|
@ -592,13 +577,13 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
|
@ -613,37 +598,37 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;]
|
||||
expected: FAIL
|
||||
|
|
@ -661,61 +646,46 @@
|
|||
expected: FAIL
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: visible; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: visible; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: hidden; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: hidden; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: auto; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: auto; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: clip; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: clip; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: scroll; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: scroll; direction: ltr; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: visible; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: visible; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: hidden; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: hidden; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: auto; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: auto; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: clip; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: clip; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
||||
[scrollWidth with negative margins: display: grid; overflow: scroll; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
|
||||
[scrollHeight with negative margins: display: grid; overflow: scroll; direction: rtl; flex-direction: row;]
|
||||
expected: FAIL
|
||||
expected: [FAIL, PASS]
|
||||
|
|
|
|||
6
tests/wpt/meta/css/cssom-view/table-scroll-props.html.ini
vendored
Normal file
6
tests/wpt/meta/css/cssom-view/table-scroll-props.html.ini
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
[table-scroll-props.html]
|
||||
[Table with separated border]
|
||||
expected: FAIL
|
||||
|
||||
[Table with collapsed border]
|
||||
expected: FAIL
|
||||
Loading…
Add table
Add a link
Reference in a new issue