Changeset 281995 in webkit


Ignore:
Timestamp:
Sep 3, 2021 8:26:51 AM (11 months ago)
Author:
svillar@igalia.com
Message:

[css-writing-modes] Fix absolutely positioning with orthogonal writing modes
​https://bugs.webkit.org/show_bug.cgi?id=228914

Reviewed by Manuel Rego Casasnovas.

LayoutTests/imported/w3c:

  • web-platform-tests/css/css-flexbox/abspos/position-absolute-012-expected.txt: New wrong expected results.
  • web-platform-tests/css/css-flexbox/abspos/position-absolute-013-expected.txt: Ditto.
  • web-platform-tests/css/cssom/getComputedStyle-insets-absolute-expected.txt: Updated expectations.
  • web-platform-tests/css/cssom/getComputedStyle-insets-fixed-expected.txt: Ditto.

Source/WebCore:

Computing the position of an absolutely positioned object was not well supported for those cases in which
the absolutely positioned child is orthogonal to its containing block, i.e. the child has horizontal writing mode
and the containing block vertical writing mode or viceversa.

This is a two level fix. First of all we had to modify the two methods that retrieve the static distance to use
the position of the perpendicular axis in those cases where we have orthogonal flows. The static distances are relative
to the container's writing mode, i.e., the inline distance of a vertical child inside a horizontal container is the child's
block position (same for a horizontal child inside a vertical container).

And the second fix was to adapt the methods that flip the position in the axis if needed. That is needed for those cases
in which we have orthogonal writing modes and either the child or the container have flipped blocks writing mode. In particular
we have to do it for the cases in which the positioned properties are not both auto because in those cases, neither
computeInlineStaticDistance() nor computeBlockStaticDistance() are called and thus no adjustment was made.

No need to add new tests because this fix unskips 48 WPT tests from css/css-writing-modes that work fine now. Apart from
that a good number of other subtests are also fixed by this patch.

  • rendering/RenderBox.cpp:

(WebCore::isOrthogonal):
(WebCore::computeInlineStaticDistance): Add support for orthogonal writing modes.
(WebCore::computeLogicalLeftPositionedOffset): Ditto.
(WebCore::computeBlockStaticDistance): Ditto.
(WebCore::computeLogicalTopPositionedOffset): Ditto.
(WebCore::isVerticalLRChildInHorizontalTBParent): Deleted.

LayoutTests:

  • TestExpectations: Removed 48 tests that are now passing.
  • fast/repaint/selection-gap-flipped-absolute-child-expected.txt: Updated expectations.
  • fast/writing-mode/table-percent-width-quirk-expected.txt: Ditto.
  • platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/position-absolute-013-expected.txt: Removed.
  • platform/ios/TestExpectations: Skipped several tests that show 1px diff in the result.
  • platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/abspos/position-absolute-012-expected.txt: Removed.
  • platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/abspos/position-absolute-013-expected.txt: Removed.
Location:
trunk
Files:
3 deleted
12 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r281991 r281995  
     12021-08-18  Sergio Villar Senin  <svillar@igalia.com>
     2
     3        [css-writing-modes] Fix absolutely positioning with orthogonal writing modes
     4        https://bugs.webkit.org/show_bug.cgi?id=228914
     5
     6        Reviewed by Manuel Rego Casasnovas.
     7
     8        * TestExpectations: Removed 48 tests that are now passing.
     9        * fast/repaint/selection-gap-flipped-absolute-child-expected.txt: Updated expectations.
     10        * fast/writing-mode/table-percent-width-quirk-expected.txt: Ditto.
     11        * platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/position-absolute-013-expected.txt: Removed.
     12        * platform/ios/TestExpectations: Skipped several tests that show 1px diff in the result.
     13        * platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/abspos/position-absolute-012-expected.txt: Removed.
     14        * platform/ios/imported/w3c/web-platform-tests/css/css-flexbox/abspos/position-absolute-013-expected.txt: Removed.
     15
    1162021-09-03  Simon Fraser  <simon.fraser@apple.com>
    217

  • trunk/LayoutTests/TestExpectations

    r281981 r281995  
    38853885webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/central-baseline-alignment-003.xht [ ImageOnlyFailure Pass ]
    38863886webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/clearance-calculations-vrl-002.xht [ ImageOnlyFailure Pass ]
    3887 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vlr-005.xht [ ImageOnlyFailure ]
    3888 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vlr-013.xht [ ImageOnlyFailure ]
    38893887webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vlr-033.xht [ ImageOnlyFailure ]
    3890 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-002.xht [ ImageOnlyFailure ]
    3891 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-004.xht [ ImageOnlyFailure ]
    3892 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-010.xht [ ImageOnlyFailure ]
    3893 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-012.xht [ ImageOnlyFailure ]
    38943888webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-icb-vrl-030.xht [ ImageOnlyFailure ]
    38953889webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-095.xht [ ImageOnlyFailure ]
    3896 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-109.xht [ ImageOnlyFailure ]
    3897 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-125.xht [ ImageOnlyFailure ]
    3898 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-141.xht [ ImageOnlyFailure ]
    3899 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-157.xht [ ImageOnlyFailure ]
    3900 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-173.xht [ ImageOnlyFailure ]
    3901 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-189.xht [ ImageOnlyFailure ]
    3902 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-205.xht [ ImageOnlyFailure ]
    3903 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-221.xht [ ImageOnlyFailure ]
    39043890webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-225.xht [ ImageOnlyFailure ]
    39053891webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-229.xht [ ImageOnlyFailure ]
    3906 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-004.xht [ ImageOnlyFailure ]
    3907 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-010.xht [ ImageOnlyFailure ]
    3908 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-016.xht [ ImageOnlyFailure ]
    3909 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-028.xht [ ImageOnlyFailure ]
    3910 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-034.xht [ ImageOnlyFailure ]
    3911 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-040.xht [ ImageOnlyFailure ]
    3912 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-052.xht [ ImageOnlyFailure ]
    3913 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-064.xht [ ImageOnlyFailure ]
    3914 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-076.xht [ ImageOnlyFailure ]
    39153892webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-088.xht [ ImageOnlyFailure ]
    3916 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-104.xht [ ImageOnlyFailure ]
    3917 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-108.xht [ ImageOnlyFailure ]
    3918 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-112.xht [ ImageOnlyFailure ]
    3919 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-116.xht [ ImageOnlyFailure ]
    3920 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-124.xht [ ImageOnlyFailure ]
    3921 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-128.xht [ ImageOnlyFailure ]
    3922 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-136.xht [ ImageOnlyFailure ]
    3923 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-140.xht [ ImageOnlyFailure ]
    3924 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-144.xht [ ImageOnlyFailure ]
    3925 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-148.xht [ ImageOnlyFailure ]
    3926 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-156.xht [ ImageOnlyFailure ]
    3927 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-160.xht [ ImageOnlyFailure ]
    3928 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-172.xht [ ImageOnlyFailure ]
    3929 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-176.xht [ ImageOnlyFailure ]
    3930 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-188.xht [ ImageOnlyFailure ]
    3931 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-192.xht [ ImageOnlyFailure ]
    3932 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-204.xht [ ImageOnlyFailure ]
    3933 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-208.xht [ ImageOnlyFailure ]
    39343893webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-220.xht [ ImageOnlyFailure ]
    39353894webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-224.xht [ ImageOnlyFailure ]
    … …  
    39833942webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/block-flow-direction-srl-065.xht [ ImageOnlyFailure ]
    39843943webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/block-flow-direction-vlr-018.xht [ ImageOnlyFailure ]
    3985 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/block-flow-direction-vrl-009.xht [ ImageOnlyFailure ]
    39863944webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/block-flow-direction-vrl-017.xht [ ImageOnlyFailure ]
    39873945webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/ch-units-vrl-001.html [ ImageOnlyFailure ]
    … …  
    39923950webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/ch-units-vrl-008.html [ ImageOnlyFailure ]
    39933951webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/clearance-calculations-vrl-006.xht [ ImageOnlyFailure ]
    3994 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-002.xht [ ImageOnlyFailure ]
    3995 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-004.xht [ ImageOnlyFailure ]
    3996 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-006.xht [ ImageOnlyFailure ]
    3997 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-008.xht [ ImageOnlyFailure ]
    39983952webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/float-in-htb-in-vrl.html [ ImageOnlyFailure ]
    39993953webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/full-width-001.html [ ImageOnlyFailure ]
    … …  
    40243978webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/line-box-direction-srl-059.xht [ ImageOnlyFailure ]
    40253979webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/line-box-direction-vlr-016.xht [ ImageOnlyFailure ]
    4026 webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/line-box-direction-vrl-009.xht [ ImageOnlyFailure ]
    40273980webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/line-box-direction-vrl-015.xht [ ImageOnlyFailure ]
    40283981webkit.org/b/209080 imported/w3c/web-platform-tests/css/css-writing-modes/line-box-height-vlr-007.xht [ ImageOnlyFailure ]
    … …  
    43154268http/tests/websocket/tests/hybi/closed-port-delay.html [ Skip ]
    43164269
    4317 webkit.org/b/214291 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-with-replaced-child.html [ ImageOnlyFailure ]
    43184270webkit.org/b/214291 imported/w3c/web-platform-tests/css/css-writing-modes/available-size-004.html [ ImageOnlyFailure ]
    43194271webkit.org/b/214291 imported/w3c/web-platform-tests/css/css-writing-modes/available-size-018.html [ ImageOnlyFailure ]

  • trunk/LayoutTests/fast/repaint/selection-gap-flipped-absolute-child-expected.txt

    r149608 r281995  
    44
    55(repaint rects
    6   (rect 700 0 100 100)
     6  (rect 0 0 100 100)
    77)
    88

  • trunk/LayoutTests/fast/writing-mode/table-percent-width-quirk-expected.txt

    r138838 r281995  
    2121          RenderTableCell {TD} at (0,0) size 20x20 [r=0 c=0 rs=1 cs=1]
    2222            RenderBlock {DIV} at (0,0) size 20x20
    23 layer at (692,200) size 100x50
    24   RenderBlock (positioned) {DIV} at (692,200) size 100x50 [bgcolor=#808080]
    25 layer at (752,200) size 40x20
     23layer at (8,200) size 100x50
     24  RenderBlock (positioned) {DIV} at (8,200) size 100x50 [bgcolor=#808080]
     25layer at (68,200) size 40x20
    2626  RenderBlock (positioned) {DIV} at (0,0) size 40x20 [bgcolor=#0000FF]
    2727    RenderBlock {DIV} at (0,0) size 20x20
    … …  
    3131          RenderTableCell {TD} at (0,0) size 20x20 [r=0 c=0 rs=1 cs=1]
    3232            RenderBlock {DIV} at (0,0) size 20x20
    33 layer at (692,275) size 100x50
    34   RenderBlock (positioned) {DIV} at (692,275) size 100x50 [bgcolor=#808080]
    35 layer at (752,275) size 40x20
     33layer at (8,275) size 100x50
     34  RenderBlock (positioned) {DIV} at (8,275) size 100x50 [bgcolor=#808080]
     35layer at (68,275) size 40x20
    3636  RenderBlock (positioned) {DIV} at (0,0) size 40x20 [bgcolor=#0000FF]
    3737    RenderBlock {DIV} at (0,0) size 20x20
    3838    RenderBlock {DIV} at (20,0) size 20x20 [bgcolor=#008000]
    3939      RenderBlock {DIV} at (0,0) size 20x20
    40 layer at (692,350) size 100x50
    41   RenderBlock (positioned) {DIV} at (692,350) size 100x50 [bgcolor=#808080]
    42 layer at (672,350) size 120x20
     40layer at (8,350) size 100x50
     41  RenderBlock (positioned) {DIV} at (8,350) size 100x50 [bgcolor=#808080]
     42layer at (-12,350) size 120x20 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
    4343  RenderBlock (positioned) {DIV} at (0,0) size 120x20 [bgcolor=#0000FF]
    4444    RenderBlock {DIV} at (0,0) size 20x20
    … …  
    4848          RenderTableCell {TD} at (0,0) size 100x20 [r=0 c=0 rs=1 cs=1]
    4949            RenderBlock {DIV} at (0,0) size 20x20
    50 layer at (692,425) size 100x50
    51   RenderBlock (positioned) {DIV} at (692,425) size 100x50 [bgcolor=#808080]
    52 layer at (672,425) size 120x20
     50layer at (8,425) size 100x50
     51  RenderBlock (positioned) {DIV} at (8,425) size 100x50 [bgcolor=#808080]
     52layer at (-12,425) size 120x20 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
    5353  RenderBlock (positioned) {DIV} at (0,0) size 120x20 [bgcolor=#0000FF]
    5454    RenderBlock {DIV} at (0,0) size 20x20

  • trunk/LayoutTests/imported/w3c/ChangeLog

    r281987 r281995  
     12021-08-18  Sergio Villar Senin  <svillar@igalia.com>
     2
     3        [css-writing-modes] Fix absolutely positioning with orthogonal writing modes
     4        https://bugs.webkit.org/show_bug.cgi?id=228914
     5
     6        Reviewed by Manuel Rego Casasnovas.
     7
     8        * web-platform-tests/css/css-flexbox/abspos/position-absolute-012-expected.txt: New wrong expected results.
     9        * web-platform-tests/css/css-flexbox/abspos/position-absolute-013-expected.txt: Ditto.
     10        * web-platform-tests/css/cssom/getComputedStyle-insets-absolute-expected.txt: Updated expectations.
     11        * web-platform-tests/css/cssom/getComputedStyle-insets-fixed-expected.txt: Ditto.
     12
    1132021-09-03  Commit Queue  <commit-queue@webkit.org>
    214

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/abspos/position-absolute-012-expected.txt

    r272644 r281995  
    3434FAIL .flexbox 33 assert_equals:
    3535<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    36 offsetLeft expected 50 but got 719
     36offsetLeft expected 50 but got 0
    3737FAIL .flexbox 34 assert_equals:
    3838<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    39 offsetLeft expected 0 but got 669
     39offsetLeft expected 0 but got 50
    4040FAIL .flexbox 35 assert_equals:
    4141<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    42 offsetLeft expected 50 but got 719
     42offsetLeft expected 50 but got 0
    4343FAIL .flexbox 36 assert_equals:
    4444<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    45 offsetLeft expected 0 but got 669
     45offsetLeft expected 0 but got 50
    4646FAIL .flexbox 37 assert_equals:
    4747<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    48 offsetLeft expected 50 but got 719
     48offsetLeft expected 50 but got 0
    4949FAIL .flexbox 38 assert_equals:
    5050<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    51 offsetLeft expected 0 but got 669
     51offsetLeft expected 0 but got 50
    5252FAIL .flexbox 39 assert_equals:
    5353<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    54 offsetLeft expected 50 but got 719
     54offsetLeft expected 50 but got 0
    5555FAIL .flexbox 40 assert_equals:
    5656<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    57 offsetLeft expected 0 but got 669
     57offsetLeft expected 0 but got 50
    5858FAIL .flexbox 41 assert_equals:
    5959<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    60 offsetLeft expected 50 but got 719
     60offsetLeft expected 50 but got 0
    6161FAIL .flexbox 42 assert_equals:
    6262<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    63 offsetLeft expected 0 but got 669
     63offsetLeft expected 0 but got 50
    6464FAIL .flexbox 43 assert_equals:
    6565<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    66 offsetLeft expected 50 but got 719
     66offsetLeft expected 50 but got 0
    6767FAIL .flexbox 44 assert_equals:
    6868<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    69 offsetLeft expected 0 but got 669
     69offsetLeft expected 0 but got 50
    7070FAIL .flexbox 45 assert_equals:
    7171<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    72 offsetLeft expected 50 but got 719
     72offsetLeft expected 50 but got 0
    7373FAIL .flexbox 46 assert_equals:
    7474<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    75 offsetLeft expected 0 but got 669
     75offsetLeft expected 0 but got 50
    7676FAIL .flexbox 47 assert_equals:
    7777<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    78 offsetLeft expected 50 but got 719
     78offsetLeft expected 50 but got 0
    7979FAIL .flexbox 48 assert_equals:
    8080<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    81 offsetLeft expected 0 but got 669
     81offsetLeft expected 0 but got 50
    8282FAIL .flexbox 49 assert_equals:
    8383<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    84 offsetLeft expected 50 but got 719
     84offsetLeft expected 50 but got 0
    8585FAIL .flexbox 50 assert_equals:
    8686<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    87 offsetLeft expected 0 but got 669
     87offsetLeft expected 0 but got 50
    8888FAIL .flexbox 51 assert_equals:
    8989<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    90 offsetLeft expected 50 but got 719
     90offsetLeft expected 50 but got 0
    9191FAIL .flexbox 52 assert_equals:
    9292<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    93 offsetLeft expected 0 but got 669
     93offsetLeft expected 0 but got 50
    9494FAIL .flexbox 53 assert_equals:
    9595<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    96 offsetLeft expected 50 but got 719
     96offsetLeft expected 50 but got 0
    9797FAIL .flexbox 54 assert_equals:
    9898<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    99 offsetLeft expected 0 but got 669
     99offsetLeft expected 0 but got 50
    100100FAIL .flexbox 55 assert_equals:
    101101<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    102 offsetLeft expected 50 but got 719
     102offsetLeft expected 50 but got 0
    103103FAIL .flexbox 56 assert_equals:
    104104<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    105 offsetLeft expected 0 but got 669
     105offsetLeft expected 0 but got 50
    106106FAIL .flexbox 57 assert_equals:
    107107<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    108 offsetLeft expected 50 but got 719
     108offsetLeft expected 50 but got 0
    109109FAIL .flexbox 58 assert_equals:
    110110<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    111 offsetLeft expected 0 but got 669
     111offsetLeft expected 0 but got 50
    112112FAIL .flexbox 59 assert_equals:
    113113<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    114 offsetLeft expected 50 but got 719
     114offsetLeft expected 50 but got 0
    115115FAIL .flexbox 60 assert_equals:
    116116<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    117 offsetLeft expected 0 but got 669
     117offsetLeft expected 0 but got 50
    118118FAIL .flexbox 61 assert_equals:
    119119<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    120 offsetLeft expected 50 but got 719
     120offsetLeft expected 50 but got 0
    121121FAIL .flexbox 62 assert_equals:
    122122<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    123 offsetLeft expected 0 but got 669
     123offsetLeft expected 0 but got 50
    124124FAIL .flexbox 63 assert_equals:
    125125<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-start"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    126 offsetLeft expected 50 but got 719
     126offsetLeft expected 50 but got 0
    127127FAIL .flexbox 64 assert_equals:
    128128<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-end"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    129 offsetLeft expected 0 but got 669
     129offsetLeft expected 0 but got 50
    130130PASS .flexbox 65
    131131PASS .flexbox 66

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-flexbox/abspos/position-absolute-013-expected.txt

    r272644 r281995  
    146146FAIL .flexbox 145 assert_equals:
    147147<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    148 offsetLeft expected 50 but got 719
     148offsetLeft expected 50 but got 0
    149149FAIL .flexbox 146 assert_equals:
    150150<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    151 offsetLeft expected 0 but got 669
     151offsetLeft expected 0 but got 50
    152152FAIL .flexbox 147 assert_equals:
    153153<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    154 offsetLeft expected 50 but got 719
     154offsetLeft expected 50 but got 0
    155155FAIL .flexbox 148 assert_equals:
    156156<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    157 offsetLeft expected 50 but got 719
     157offsetLeft expected 50 but got 0
    158158FAIL .flexbox 149 assert_equals:
    159159<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    160 offsetLeft expected 0 but got 669
     160offsetLeft expected 0 but got 50
    161161FAIL .flexbox 150 assert_equals:
    162162<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    163 offsetLeft expected 50 but got 719
     163offsetLeft expected 50 but got 0
    164164FAIL .flexbox 151 assert_equals:
    165165<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    166 offsetLeft expected 50 but got 719
     166offsetLeft expected 50 but got 0
    167167FAIL .flexbox 152 assert_equals:
    168168<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    169 offsetLeft expected 0 but got 669
     169offsetLeft expected 0 but got 50
    170170FAIL .flexbox 153 assert_equals:
    171171<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    172 offsetLeft expected 50 but got 719
     172offsetLeft expected 50 but got 0
    173173FAIL .flexbox 154 assert_equals:
    174174<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    175 offsetLeft expected 50 but got 719
     175offsetLeft expected 50 but got 0
    176176FAIL .flexbox 155 assert_equals:
    177177<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    178 offsetLeft expected 0 but got 669
     178offsetLeft expected 0 but got 50
    179179FAIL .flexbox 156 assert_equals:
    180180<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    181 offsetLeft expected 50 but got 719
     181offsetLeft expected 50 but got 0
    182182FAIL .flexbox 157 assert_equals:
    183183<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    184 offsetLeft expected 50 but got 719
     184offsetLeft expected 50 but got 0
    185185FAIL .flexbox 158 assert_equals:
    186186<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    187 offsetLeft expected 50 but got 719
     187offsetLeft expected 50 but got 0
    188188FAIL .flexbox 159 assert_equals:
    189189<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    190 offsetLeft expected 50 but got 719
     190offsetLeft expected 50 but got 0
    191191FAIL .flexbox 160 assert_equals:
    192192<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    193 offsetLeft expected 0 but got 669
     193offsetLeft expected 0 but got 50
    194194FAIL .flexbox 161 assert_equals:
    195195<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    196 offsetLeft expected 0 but got 669
     196offsetLeft expected 0 but got 50
    197197FAIL .flexbox 162 assert_equals:
    198198<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    199 offsetLeft expected 0 but got 669
     199offsetLeft expected 0 but got 50
    200200FAIL .flexbox 163 assert_equals:
    201201<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    202 offsetLeft expected 50 but got 719
     202offsetLeft expected 50 but got 0
    203203FAIL .flexbox 164 assert_equals:
    204204<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    205 offsetLeft expected 50 but got 719
     205offsetLeft expected 50 but got 0
    206206FAIL .flexbox 165 assert_equals:
    207207<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    208 offsetLeft expected 50 but got 719
     208offsetLeft expected 50 but got 0
    209209FAIL .flexbox 166 assert_equals:
    210210<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    211 offsetLeft expected 0 but got 669
     211offsetLeft expected 0 but got 50
    212212FAIL .flexbox 167 assert_equals:
    213213<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    214 offsetLeft expected 0 but got 669
     214offsetLeft expected 0 but got 50
    215215FAIL .flexbox 168 assert_equals:
    216216<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    217 offsetLeft expected 0 but got 669
     217offsetLeft expected 0 but got 50
    218218FAIL .flexbox 169 assert_equals:
    219219<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    220 offsetLeft expected 50 but got 719
     220offsetLeft expected 50 but got 0
    221221FAIL .flexbox 170 assert_equals:
    222222<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    223 offsetLeft expected 0 but got 669
     223offsetLeft expected 0 but got 50
    224224FAIL .flexbox 171 assert_equals:
    225225<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    226 offsetLeft expected 50 but got 719
     226offsetLeft expected 50 but got 0
    227227FAIL .flexbox 172 assert_equals:
    228228<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    229 offsetLeft expected 50 but got 719
     229offsetLeft expected 50 but got 0
    230230FAIL .flexbox 173 assert_equals:
    231231<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    232 offsetLeft expected 0 but got 669
     232offsetLeft expected 0 but got 50
    233233FAIL .flexbox 174 assert_equals:
    234234<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    235 offsetLeft expected 50 but got 719
     235offsetLeft expected 50 but got 0
    236236FAIL .flexbox 175 assert_equals:
    237237<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    238 offsetLeft expected 50 but got 719
     238offsetLeft expected 50 but got 0
    239239FAIL .flexbox 176 assert_equals:
    240240<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    241 offsetLeft expected 0 but got 669
     241offsetLeft expected 0 but got 50
    242242FAIL .flexbox 177 assert_equals:
    243243<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    244 offsetLeft expected 50 but got 719
     244offsetLeft expected 50 but got 0
    245245FAIL .flexbox 178 assert_equals:
    246246<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    247 offsetLeft expected 50 but got 719
     247offsetLeft expected 50 but got 0
    248248FAIL .flexbox 179 assert_equals:
    249249<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    250 offsetLeft expected 0 but got 669
     250offsetLeft expected 0 but got 50
    251251FAIL .flexbox 180 assert_equals:
    252252<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    253 offsetLeft expected 50 but got 719
     253offsetLeft expected 50 but got 0
    254254FAIL .flexbox 181 assert_equals:
    255255<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    256 offsetLeft expected 0 but got 669
     256offsetLeft expected 0 but got 50
    257257FAIL .flexbox 182 assert_equals:
    258258<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    259 offsetLeft expected 0 but got 669
     259offsetLeft expected 0 but got 50
    260260FAIL .flexbox 183 assert_equals:
    261261<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    262 offsetLeft expected 0 but got 669
     262offsetLeft expected 0 but got 50
    263263FAIL .flexbox 184 assert_equals:
    264264<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    265 offsetLeft expected 50 but got 719
     265offsetLeft expected 50 but got 0
    266266FAIL .flexbox 185 assert_equals:
    267267<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    268 offsetLeft expected 50 but got 719
     268offsetLeft expected 50 but got 0
    269269FAIL .flexbox 186 assert_equals:
    270270<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    271 offsetLeft expected 50 but got 719
     271offsetLeft expected 50 but got 0
    272272FAIL .flexbox 187 assert_equals:
    273273<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-start nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    274 offsetLeft expected 0 but got 669
     274offsetLeft expected 0 but got 50
    275275FAIL .flexbox 188 assert_equals:
    276276<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-end nowrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    277 offsetLeft expected 0 but got 669
     277offsetLeft expected 0 but got 50
    278278FAIL .flexbox 189 assert_equals:
    279279<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-stretch nowrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    280 offsetLeft expected 0 but got 669
     280offsetLeft expected 0 but got 50
    281281FAIL .flexbox 190 assert_equals:
    282282<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-start nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    283 offsetLeft expected 50 but got 719
     283offsetLeft expected 50 but got 0
    284284FAIL .flexbox 191 assert_equals:
    285285<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-end nowrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    286 offsetLeft expected 50 but got 719
     286offsetLeft expected 50 but got 0
    287287FAIL .flexbox 192 assert_equals:
    288288<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-stretch nowrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    289 offsetLeft expected 50 but got 719
     289offsetLeft expected 50 but got 0
    290290FAIL .flexbox 193 assert_equals:
    291291<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    292 offsetLeft expected 50 but got 719
     292offsetLeft expected 50 but got 0
    293293FAIL .flexbox 194 assert_equals:
    294294<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    295 offsetLeft expected 0 but got 669
     295offsetLeft expected 0 but got 50
    296296FAIL .flexbox 195 assert_equals:
    297297<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    298 offsetLeft expected 50 but got 719
     298offsetLeft expected 50 but got 0
    299299FAIL .flexbox 196 assert_equals:
    300300<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    301 offsetLeft expected 50 but got 719
     301offsetLeft expected 50 but got 0
    302302FAIL .flexbox 197 assert_equals:
    303303<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    304 offsetLeft expected 0 but got 669
     304offsetLeft expected 0 but got 50
    305305FAIL .flexbox 198 assert_equals:
    306306<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    307 offsetLeft expected 50 but got 719
     307offsetLeft expected 50 but got 0
    308308FAIL .flexbox 199 assert_equals:
    309309<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    310 offsetLeft expected 50 but got 719
     310offsetLeft expected 50 but got 0
    311311FAIL .flexbox 200 assert_equals:
    312312<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    313 offsetLeft expected 0 but got 669
     313offsetLeft expected 0 but got 50
    314314FAIL .flexbox 201 assert_equals:
    315315<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    316 offsetLeft expected 50 but got 719
     316offsetLeft expected 50 but got 0
    317317FAIL .flexbox 202 assert_equals:
    318318<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    319 offsetLeft expected 50 but got 719
     319offsetLeft expected 50 but got 0
    320320FAIL .flexbox 203 assert_equals:
    321321<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    322 offsetLeft expected 0 but got 669
     322offsetLeft expected 0 but got 50
    323323FAIL .flexbox 204 assert_equals:
    324324<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    325 offsetLeft expected 50 but got 719
     325offsetLeft expected 50 but got 0
    326326FAIL .flexbox 205 assert_equals:
    327327<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    328 offsetLeft expected 50 but got 719
     328offsetLeft expected 50 but got 0
    329329FAIL .flexbox 206 assert_equals:
    330330<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    331 offsetLeft expected 50 but got 719
     331offsetLeft expected 50 but got 0
    332332FAIL .flexbox 207 assert_equals:
    333333<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    334 offsetLeft expected 50 but got 719
     334offsetLeft expected 50 but got 0
    335335FAIL .flexbox 208 assert_equals:
    336336<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    337 offsetLeft expected 0 but got 669
     337offsetLeft expected 0 but got 50
    338338FAIL .flexbox 209 assert_equals:
    339339<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    340 offsetLeft expected 0 but got 669
     340offsetLeft expected 0 but got 50
    341341FAIL .flexbox 210 assert_equals:
    342342<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    343 offsetLeft expected 0 but got 669
     343offsetLeft expected 0 but got 50
    344344FAIL .flexbox 211 assert_equals:
    345345<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    346 offsetLeft expected 50 but got 719
     346offsetLeft expected 50 but got 0
    347347FAIL .flexbox 212 assert_equals:
    348348<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    349 offsetLeft expected 50 but got 719
     349offsetLeft expected 50 but got 0
    350350FAIL .flexbox 213 assert_equals:
    351351<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    352 offsetLeft expected 50 but got 719
     352offsetLeft expected 50 but got 0
    353353FAIL .flexbox 214 assert_equals:
    354354<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    355 offsetLeft expected 0 but got 669
     355offsetLeft expected 0 but got 50
    356356FAIL .flexbox 215 assert_equals:
    357357<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    358 offsetLeft expected 0 but got 669
     358offsetLeft expected 0 but got 50
    359359FAIL .flexbox 216 assert_equals:
    360360<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    361 offsetLeft expected 0 but got 669
     361offsetLeft expected 0 but got 50
    362362FAIL .flexbox 217 assert_equals:
    363363<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    364 offsetLeft expected 50 but got 719
     364offsetLeft expected 50 but got 0
    365365FAIL .flexbox 218 assert_equals:
    366366<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    367 offsetLeft expected 0 but got 669
     367offsetLeft expected 0 but got 50
    368368FAIL .flexbox 219 assert_equals:
    369369<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    370 offsetLeft expected 50 but got 719
     370offsetLeft expected 50 but got 0
    371371FAIL .flexbox 220 assert_equals:
    372372<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    373 offsetLeft expected 50 but got 719
     373offsetLeft expected 50 but got 0
    374374FAIL .flexbox 221 assert_equals:
    375375<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    376 offsetLeft expected 0 but got 669
     376offsetLeft expected 0 but got 50
    377377FAIL .flexbox 222 assert_equals:
    378378<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    379 offsetLeft expected 50 but got 719
     379offsetLeft expected 50 but got 0
    380380FAIL .flexbox 223 assert_equals:
    381381<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    382 offsetLeft expected 50 but got 719
     382offsetLeft expected 50 but got 0
    383383FAIL .flexbox 224 assert_equals:
    384384<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    385 offsetLeft expected 0 but got 669
     385offsetLeft expected 0 but got 50
    386386FAIL .flexbox 225 assert_equals:
    387387<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    388 offsetLeft expected 50 but got 719
     388offsetLeft expected 50 but got 0
    389389FAIL .flexbox 226 assert_equals:
    390390<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    391 offsetLeft expected 50 but got 719
     391offsetLeft expected 50 but got 0
    392392FAIL .flexbox 227 assert_equals:
    393393<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    394 offsetLeft expected 0 but got 669
     394offsetLeft expected 0 but got 50
    395395FAIL .flexbox 228 assert_equals:
    396396<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    397 offsetLeft expected 50 but got 719
     397offsetLeft expected 50 but got 0
    398398FAIL .flexbox 229 assert_equals:
    399399<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    400 offsetLeft expected 0 but got 669
     400offsetLeft expected 0 but got 50
    401401FAIL .flexbox 230 assert_equals:
    402402<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    403 offsetLeft expected 0 but got 669
     403offsetLeft expected 0 but got 50
    404404FAIL .flexbox 231 assert_equals:
    405405<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    406 offsetLeft expected 0 but got 669
     406offsetLeft expected 0 but got 50
    407407FAIL .flexbox 232 assert_equals:
    408408<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    409 offsetLeft expected 50 but got 719
     409offsetLeft expected 50 but got 0
    410410FAIL .flexbox 233 assert_equals:
    411411<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    412 offsetLeft expected 50 but got 719
     412offsetLeft expected 50 but got 0
    413413FAIL .flexbox 234 assert_equals:
    414414<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    415 offsetLeft expected 50 but got 719
     415offsetLeft expected 50 but got 0
    416416FAIL .flexbox 235 assert_equals:
    417417<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-start wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    418 offsetLeft expected 0 but got 669
     418offsetLeft expected 0 but got 50
    419419FAIL .flexbox 236 assert_equals:
    420420<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-end wrap"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    421 offsetLeft expected 0 but got 669
     421offsetLeft expected 0 but got 50
    422422FAIL .flexbox 237 assert_equals:
    423423<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-stretch wrap"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    424 offsetLeft expected 0 but got 669
     424offsetLeft expected 0 but got 50
    425425FAIL .flexbox 238 assert_equals:
    426426<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-start wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    427 offsetLeft expected 50 but got 719
     427offsetLeft expected 50 but got 0
    428428FAIL .flexbox 239 assert_equals:
    429429<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-end wrap"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    430 offsetLeft expected 50 but got 719
     430offsetLeft expected 50 but got 0
    431431FAIL .flexbox 240 assert_equals:
    432432<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-stretch wrap"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    433 offsetLeft expected 50 but got 719
     433offsetLeft expected 50 but got 0
    434434FAIL .flexbox 241 assert_equals:
    435435<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    436 offsetLeft expected 0 but got 669
     436offsetLeft expected 0 but got 50
    437437FAIL .flexbox 242 assert_equals:
    438438<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    439 offsetLeft expected 50 but got 719
     439offsetLeft expected 50 but got 0
    440440FAIL .flexbox 243 assert_equals:
    441441<div class="flexbox vertical-rl ltr row justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    442 offsetLeft expected 0 but got 669
     442offsetLeft expected 0 but got 50
    443443FAIL .flexbox 244 assert_equals:
    444444<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    445 offsetLeft expected 0 but got 669
     445offsetLeft expected 0 but got 50
    446446FAIL .flexbox 245 assert_equals:
    447447<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    448 offsetLeft expected 50 but got 719
     448offsetLeft expected 50 but got 0
    449449FAIL .flexbox 246 assert_equals:
    450450<div class="flexbox vertical-rl ltr row justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    451 offsetLeft expected 0 but got 669
     451offsetLeft expected 0 but got 50
    452452FAIL .flexbox 247 assert_equals:
    453453<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    454 offsetLeft expected 0 but got 669
     454offsetLeft expected 0 but got 50
    455455FAIL .flexbox 248 assert_equals:
    456456<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    457 offsetLeft expected 50 but got 719
     457offsetLeft expected 50 but got 0
    458458FAIL .flexbox 249 assert_equals:
    459459<div class="flexbox vertical-rl rtl row justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    460 offsetLeft expected 0 but got 669
     460offsetLeft expected 0 but got 50
    461461FAIL .flexbox 250 assert_equals:
    462462<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    463 offsetLeft expected 0 but got 669
     463offsetLeft expected 0 but got 50
    464464FAIL .flexbox 251 assert_equals:
    465465<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    466 offsetLeft expected 50 but got 719
     466offsetLeft expected 50 but got 0
    467467FAIL .flexbox 252 assert_equals:
    468468<div class="flexbox vertical-rl rtl row justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    469 offsetLeft expected 0 but got 669
     469offsetLeft expected 0 but got 50
    470470FAIL .flexbox 253 assert_equals:
    471471<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    472 offsetLeft expected 50 but got 719
     472offsetLeft expected 50 but got 0
    473473FAIL .flexbox 254 assert_equals:
    474474<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    475 offsetLeft expected 50 but got 719
     475offsetLeft expected 50 but got 0
    476476FAIL .flexbox 255 assert_equals:
    477477<div class="flexbox vertical-rl ltr column justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    478 offsetLeft expected 50 but got 719
     478offsetLeft expected 50 but got 0
    479479FAIL .flexbox 256 assert_equals:
    480480<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    481 offsetLeft expected 0 but got 669
     481offsetLeft expected 0 but got 50
    482482FAIL .flexbox 257 assert_equals:
    483483<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    484 offsetLeft expected 0 but got 669
     484offsetLeft expected 0 but got 50
    485485FAIL .flexbox 258 assert_equals:
    486486<div class="flexbox vertical-rl ltr column justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    487 offsetLeft expected 0 but got 669
     487offsetLeft expected 0 but got 50
    488488FAIL .flexbox 259 assert_equals:
    489489<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    490 offsetLeft expected 50 but got 719
     490offsetLeft expected 50 but got 0
    491491FAIL .flexbox 260 assert_equals:
    492492<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    493 offsetLeft expected 50 but got 719
     493offsetLeft expected 50 but got 0
    494494FAIL .flexbox 261 assert_equals:
    495495<div class="flexbox vertical-rl rtl column justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    496 offsetLeft expected 50 but got 719
     496offsetLeft expected 50 but got 0
    497497FAIL .flexbox 262 assert_equals:
    498498<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    499 offsetLeft expected 0 but got 669
     499offsetLeft expected 0 but got 50
    500500FAIL .flexbox 263 assert_equals:
    501501<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    502 offsetLeft expected 0 but got 669
     502offsetLeft expected 0 but got 50
    503503FAIL .flexbox 264 assert_equals:
    504504<div class="flexbox vertical-rl rtl column justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    505 offsetLeft expected 0 but got 669
     505offsetLeft expected 0 but got 50
    506506FAIL .flexbox 265 assert_equals:
    507507<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    508 offsetLeft expected 0 but got 669
     508offsetLeft expected 0 but got 50
    509509FAIL .flexbox 266 assert_equals:
    510510<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    511 offsetLeft expected 50 but got 719
     511offsetLeft expected 50 but got 0
    512512FAIL .flexbox 267 assert_equals:
    513513<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    514 offsetLeft expected 0 but got 669
     514offsetLeft expected 0 but got 50
    515515FAIL .flexbox 268 assert_equals:
    516516<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    517 offsetLeft expected 0 but got 669
     517offsetLeft expected 0 but got 50
    518518FAIL .flexbox 269 assert_equals:
    519519<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    520 offsetLeft expected 50 but got 719
     520offsetLeft expected 50 but got 0
    521521FAIL .flexbox 270 assert_equals:
    522522<div class="flexbox vertical-rl ltr row-reverse justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    523 offsetLeft expected 0 but got 669
     523offsetLeft expected 0 but got 50
    524524FAIL .flexbox 271 assert_equals:
    525525<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    526 offsetLeft expected 0 but got 669
     526offsetLeft expected 0 but got 50
    527527FAIL .flexbox 272 assert_equals:
    528528<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    529 offsetLeft expected 50 but got 719
     529offsetLeft expected 50 but got 0
    530530FAIL .flexbox 273 assert_equals:
    531531<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    532 offsetLeft expected 0 but got 669
     532offsetLeft expected 0 but got 50
    533533FAIL .flexbox 274 assert_equals:
    534534<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    535 offsetLeft expected 0 but got 669
     535offsetLeft expected 0 but got 50
    536536FAIL .flexbox 275 assert_equals:
    537537<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    538 offsetLeft expected 50 but got 719
     538offsetLeft expected 50 but got 0
    539539FAIL .flexbox 276 assert_equals:
    540540<div class="flexbox vertical-rl rtl row-reverse justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    541 offsetLeft expected 0 but got 669
     541offsetLeft expected 0 but got 50
    542542FAIL .flexbox 277 assert_equals:
    543543<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    544 offsetLeft expected 0 but got 669
     544offsetLeft expected 0 but got 50
    545545FAIL .flexbox 278 assert_equals:
    546546<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    547 offsetLeft expected 0 but got 669
     547offsetLeft expected 0 but got 50
    548548FAIL .flexbox 279 assert_equals:
    549549<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    550 offsetLeft expected 0 but got 669
     550offsetLeft expected 0 but got 50
    551551FAIL .flexbox 280 assert_equals:
    552552<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    553 offsetLeft expected 50 but got 719
     553offsetLeft expected 50 but got 0
    554554FAIL .flexbox 281 assert_equals:
    555555<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    556 offsetLeft expected 50 but got 719
     556offsetLeft expected 50 but got 0
    557557FAIL .flexbox 282 assert_equals:
    558558<div class="flexbox vertical-rl ltr column-reverse justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    559 offsetLeft expected 50 but got 719
     559offsetLeft expected 50 but got 0
    560560FAIL .flexbox 283 assert_equals:
    561561<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    562 offsetLeft expected 0 but got 669
     562offsetLeft expected 0 but got 50
    563563FAIL .flexbox 284 assert_equals:
    564564<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="50"></div></div>
    565 offsetLeft expected 0 but got 669
     565offsetLeft expected 0 but got 50
    566566FAIL .flexbox 285 assert_equals:
    567567<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-start align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="0" data-offset-y="0"></div></div>
    568 offsetLeft expected 0 but got 669
     568offsetLeft expected 0 but got 50
    569569FAIL .flexbox 286 assert_equals:
    570570<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-start wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    571 offsetLeft expected 50 but got 719
     571offsetLeft expected 50 but got 0
    572572FAIL .flexbox 287 assert_equals:
    573573<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-flex-end wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="50"></div></div>
    574 offsetLeft expected 50 but got 719
     574offsetLeft expected 50 but got 0
    575575FAIL .flexbox 288 assert_equals:
    576576<div class="flexbox vertical-rl rtl column-reverse justify-content-flex-end align-items-stretch wrap-reverse"><div class="abspos" data-offset-x="50" data-offset-y="0"></div></div>
    577 offsetLeft expected 50 but got 719
     577offsetLeft expected 50 but got 0
    578578PASS .flexbox 289
    579579PASS .flexbox 290

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-insets-absolute-expected.txt

    r277497 r281995  
    2626PASS horizontal-tb ltr inside vertical-lr ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value
    2727PASS horizontal-tb ltr inside vertical-lr ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value
    28 FAIL horizontal-tb ltr inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "30px"
     28PASS horizontal-tb ltr inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value
    2929PASS horizontal-tb ltr inside vertical-lr rtl - Pixels resolve as-is
    3030PASS horizontal-tb ltr inside vertical-lr rtl - Relative lengths are absolutized into pixels
    … …  
    3535PASS horizontal-tb ltr inside vertical-lr rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    3636PASS horizontal-tb ltr inside vertical-lr rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    37 FAIL horizontal-tb ltr inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "30px"
     37FAIL horizontal-tb ltr inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "115px"
    3838PASS horizontal-tb ltr inside vertical-rl ltr - Pixels resolve as-is
    3939PASS horizontal-tb ltr inside vertical-rl ltr - Relative lengths are absolutized into pixels
    … …  
    4444PASS horizontal-tb ltr inside vertical-rl ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value
    4545PASS horizontal-tb ltr inside vertical-rl ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value
    46 FAIL horizontal-tb ltr inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "30px"
     46PASS horizontal-tb ltr inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value
    4747PASS horizontal-tb ltr inside vertical-rl rtl - Pixels resolve as-is
    4848PASS horizontal-tb ltr inside vertical-rl rtl - Relative lengths are absolutized into pixels
    … …  
    5353PASS horizontal-tb ltr inside vertical-rl rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    5454PASS horizontal-tb ltr inside vertical-rl rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    55 FAIL horizontal-tb ltr inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "30px"
     55FAIL horizontal-tb ltr inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "115px"
    5656PASS horizontal-tb rtl inside horizontal-tb ltr - Pixels resolve as-is
    5757PASS horizontal-tb rtl inside horizontal-tb ltr - Relative lengths are absolutized into pixels
    … …  
    8080PASS horizontal-tb rtl inside vertical-lr ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value
    8181PASS horizontal-tb rtl inside vertical-lr ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value
    82 FAIL horizontal-tb rtl inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "30px"
     82PASS horizontal-tb rtl inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value
    8383PASS horizontal-tb rtl inside vertical-lr rtl - Pixels resolve as-is
    8484PASS horizontal-tb rtl inside vertical-lr rtl - Relative lengths are absolutized into pixels
    … …  
    8989PASS horizontal-tb rtl inside vertical-lr rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    9090PASS horizontal-tb rtl inside vertical-lr rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    91 FAIL horizontal-tb rtl inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "30px"
     91FAIL horizontal-tb rtl inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "115px"
    9292PASS horizontal-tb rtl inside vertical-rl ltr - Pixels resolve as-is
    9393PASS horizontal-tb rtl inside vertical-rl ltr - Relative lengths are absolutized into pixels
    … …  
    9898PASS horizontal-tb rtl inside vertical-rl ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value
    9999PASS horizontal-tb rtl inside vertical-rl ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value
    100 FAIL horizontal-tb rtl inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "30px"
     100PASS horizontal-tb rtl inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value
    101101PASS horizontal-tb rtl inside vertical-rl rtl - Pixels resolve as-is
    102102PASS horizontal-tb rtl inside vertical-rl rtl - Relative lengths are absolutized into pixels
    … …  
    107107PASS horizontal-tb rtl inside vertical-rl rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    108108PASS horizontal-tb rtl inside vertical-rl rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    109 FAIL horizontal-tb rtl inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "30px"
     109FAIL horizontal-tb rtl inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "185px" but got "115px"
    110110PASS vertical-lr ltr inside horizontal-tb ltr - Pixels resolve as-is
    111111PASS vertical-lr ltr inside horizontal-tb ltr - Relative lengths are absolutized into pixels
    … …  
    125125PASS vertical-lr ltr inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    126126PASS vertical-lr ltr inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    127 FAIL vertical-lr ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "370px"
     127FAIL vertical-lr ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'left' expected "370px" but got "230px"
    128128PASS vertical-lr ltr inside vertical-lr ltr - Pixels resolve as-is
    129129PASS vertical-lr ltr inside vertical-lr ltr - Relative lengths are absolutized into pixels
    … …  
    179179PASS vertical-lr rtl inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    180180PASS vertical-lr rtl inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    181 FAIL vertical-lr rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "370px"
     181FAIL vertical-lr rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'left' expected "370px" but got "230px"
    182182PASS vertical-lr rtl inside vertical-lr ltr - Pixels resolve as-is
    183183PASS vertical-lr rtl inside vertical-lr ltr - Relative lengths are absolutized into pixels
    … …  
    224224PASS vertical-rl ltr inside horizontal-tb ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value
    225225PASS vertical-rl ltr inside horizontal-tb ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value
    226 FAIL vertical-rl ltr inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "30px"
     226PASS vertical-rl ltr inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value
    227227PASS vertical-rl ltr inside horizontal-tb rtl - Pixels resolve as-is
    228228PASS vertical-rl ltr inside horizontal-tb rtl - Relative lengths are absolutized into pixels
    … …  
    233233PASS vertical-rl ltr inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    234234PASS vertical-rl ltr inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    235 FAIL vertical-rl ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "370px"
     235FAIL vertical-rl ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'left' expected "370px" but got "230px"
    236236PASS vertical-rl ltr inside vertical-lr ltr - Pixels resolve as-is
    237237PASS vertical-rl ltr inside vertical-lr ltr - Relative lengths are absolutized into pixels
    … …  
    278278PASS vertical-rl rtl inside horizontal-tb ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value
    279279PASS vertical-rl rtl inside horizontal-tb ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value
    280 FAIL vertical-rl rtl inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "30px"
     280PASS vertical-rl rtl inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value
    281281PASS vertical-rl rtl inside horizontal-tb rtl - Pixels resolve as-is
    282282PASS vertical-rl rtl inside horizontal-tb rtl - Relative lengths are absolutized into pixels
    … …  
    287287PASS vertical-rl rtl inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value
    288288PASS vertical-rl rtl inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value
    289 FAIL vertical-rl rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "15px" but got "370px"
     289FAIL vertical-rl rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'left' expected "370px" but got "230px"
    290290PASS vertical-rl rtl inside vertical-lr ltr - Pixels resolve as-is
    291291PASS vertical-rl rtl inside vertical-lr ltr - Relative lengths are absolutized into pixels

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/cssom/getComputedStyle-insets-fixed-expected.txt

    r277497 r281995  
    2626FAIL horizontal-tb ltr inside vertical-lr ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    2727FAIL horizontal-tb ltr inside vertical-lr ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    28 FAIL horizontal-tb ltr inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "382px"
     28FAIL horizontal-tb ltr inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    2929PASS horizontal-tb ltr inside vertical-lr rtl - Pixels resolve as-is
    3030PASS horizontal-tb ltr inside vertical-lr rtl - Relative lengths are absolutized into pixels
    … …  
    3535FAIL horizontal-tb ltr inside vertical-lr rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    3636FAIL horizontal-tb ltr inside vertical-lr rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    37 FAIL horizontal-tb ltr inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "382px"
     37FAIL horizontal-tb ltr inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "355px"
    3838PASS horizontal-tb ltr inside vertical-rl ltr - Pixels resolve as-is
    3939PASS horizontal-tb ltr inside vertical-rl ltr - Relative lengths are absolutized into pixels
    … …  
    4444FAIL horizontal-tb ltr inside vertical-rl ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    4545FAIL horizontal-tb ltr inside vertical-rl ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    46 FAIL horizontal-tb ltr inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "382px"
     46FAIL horizontal-tb ltr inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    4747PASS horizontal-tb ltr inside vertical-rl rtl - Pixels resolve as-is
    4848PASS horizontal-tb ltr inside vertical-rl rtl - Relative lengths are absolutized into pixels
    … …  
    5353FAIL horizontal-tb ltr inside vertical-rl rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    5454FAIL horizontal-tb ltr inside vertical-rl rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    55 FAIL horizontal-tb ltr inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "382px"
     55FAIL horizontal-tb ltr inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "355px"
    5656PASS horizontal-tb rtl inside horizontal-tb ltr - Pixels resolve as-is
    5757PASS horizontal-tb rtl inside horizontal-tb ltr - Relative lengths are absolutized into pixels
    … …  
    8080FAIL horizontal-tb rtl inside vertical-lr ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    8181FAIL horizontal-tb rtl inside vertical-lr ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    82 FAIL horizontal-tb rtl inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "382px"
     82FAIL horizontal-tb rtl inside vertical-lr ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    8383PASS horizontal-tb rtl inside vertical-lr rtl - Pixels resolve as-is
    8484PASS horizontal-tb rtl inside vertical-lr rtl - Relative lengths are absolutized into pixels
    … …  
    8989FAIL horizontal-tb rtl inside vertical-lr rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    9090FAIL horizontal-tb rtl inside vertical-lr rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    91 FAIL horizontal-tb rtl inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "382px"
     91FAIL horizontal-tb rtl inside vertical-lr rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "355px"
    9292PASS horizontal-tb rtl inside vertical-rl ltr - Pixels resolve as-is
    9393PASS horizontal-tb rtl inside vertical-rl ltr - Relative lengths are absolutized into pixels
    … …  
    9898FAIL horizontal-tb rtl inside vertical-rl ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    9999FAIL horizontal-tb rtl inside vertical-rl ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    100 FAIL horizontal-tb rtl inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "382px"
     100FAIL horizontal-tb rtl inside vertical-rl ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    101101PASS horizontal-tb rtl inside vertical-rl rtl - Pixels resolve as-is
    102102PASS horizontal-tb rtl inside vertical-rl rtl - Relative lengths are absolutized into pixels
    … …  
    107107FAIL horizontal-tb rtl inside vertical-rl rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    108108FAIL horizontal-tb rtl inside vertical-rl rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    109 FAIL horizontal-tb rtl inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "382px"
     109FAIL horizontal-tb rtl inside vertical-rl rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "173px" but got "355px"
    110110PASS vertical-lr ltr inside horizontal-tb ltr - Pixels resolve as-is
    111111PASS vertical-lr ltr inside horizontal-tb ltr - Relative lengths are absolutized into pixels
    … …  
    125125FAIL vertical-lr ltr inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    126126FAIL vertical-lr ltr inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    127 FAIL vertical-lr ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "474px"
     127FAIL vertical-lr ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    128128PASS vertical-lr ltr inside vertical-lr ltr - Pixels resolve as-is
    129129PASS vertical-lr ltr inside vertical-lr ltr - Relative lengths are absolutized into pixels
    … …  
    179179FAIL vertical-lr rtl inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    180180FAIL vertical-lr rtl inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    181 FAIL vertical-lr rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "474px"
     181FAIL vertical-lr rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    182182PASS vertical-lr rtl inside vertical-lr ltr - Pixels resolve as-is
    183183PASS vertical-lr rtl inside vertical-lr ltr - Relative lengths are absolutized into pixels
    … …  
    224224FAIL vertical-rl ltr inside horizontal-tb ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    225225FAIL vertical-rl ltr inside horizontal-tb ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    226 FAIL vertical-rl ltr inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "382px"
     226FAIL vertical-rl ltr inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    227227PASS vertical-rl ltr inside horizontal-tb rtl - Pixels resolve as-is
    228228PASS vertical-rl ltr inside horizontal-tb rtl - Relative lengths are absolutized into pixels
    … …  
    233233FAIL vertical-rl ltr inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    234234FAIL vertical-rl ltr inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    235 FAIL vertical-rl ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "474px"
     235FAIL vertical-rl ltr inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    236236PASS vertical-rl ltr inside vertical-lr ltr - Pixels resolve as-is
    237237PASS vertical-rl ltr inside vertical-lr ltr - Relative lengths are absolutized into pixels
    … …  
    278278FAIL vertical-rl rtl inside horizontal-tb ltr - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    279279FAIL vertical-rl rtl inside horizontal-tb ltr - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    280 FAIL vertical-rl rtl inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "382px"
     280FAIL vertical-rl rtl inside horizontal-tb ltr - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    281281PASS vertical-rl rtl inside horizontal-tb rtl - Pixels resolve as-is
    282282PASS vertical-rl rtl inside horizontal-tb rtl - Relative lengths are absolutized into pixels
    … …  
    287287FAIL vertical-rl rtl inside horizontal-tb rtl - If start side is 'auto' and end side is not, 'auto' resolves to used value assert_equals: 'top' expected "297px" but got "425px"
    288288FAIL vertical-rl rtl inside horizontal-tb rtl - If end side is 'auto' and start side is not, 'auto' resolves to used value assert_equals: 'bottom' expected "299px" but got "171px"
    289 FAIL vertical-rl rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "474px"
     289FAIL vertical-rl rtl inside horizontal-tb rtl - If opposite sides are 'auto', they resolve to used value assert_equals: 'top' expected "127px" but got "255px"
    290290PASS vertical-rl rtl inside vertical-lr ltr - Pixels resolve as-is
    291291PASS vertical-rl rtl inside vertical-lr ltr - Relative lengths are absolutized into pixels

  • trunk/LayoutTests/platform/ios/TestExpectations

    r281815 r281995  
    34723472webkit.org/b/228176 fast/text/variable-system-font.html [ ImageOnlyFailure ]
    34733473webkit.org/b/228176 fast/text/variable-system-font-2.html [ Pass ]
     3474
     3475# Show 1px diff in the result. Maybe hitting the background bleed avoidance code path.
     3476webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-109.xht [ ImageOnlyFailure ]
     3477webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-125.xht [ ImageOnlyFailure ]
     3478webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-141.xht [ ImageOnlyFailure ]
     3479webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-157.xht [ ImageOnlyFailure ]
     3480webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-173.xht [ ImageOnlyFailure ]
     3481webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-189.xht [ ImageOnlyFailure ]
     3482webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-205.xht [ ImageOnlyFailure ]
     3483webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vlr-221.xht [ ImageOnlyFailure ]
     3484webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-004.xht [ ImageOnlyFailure ]
     3485webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-010.xht [ ImageOnlyFailure ]
     3486webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-016.xht [ ImageOnlyFailure ]
     3487webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-028.xht [ ImageOnlyFailure ]
     3488webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-034.xht [ ImageOnlyFailure ]
     3489webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-040.xht [ ImageOnlyFailure ]
     3490webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-052.xht [ ImageOnlyFailure ]
     3491webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-064.xht [ ImageOnlyFailure ]
     3492webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-076.xht [ ImageOnlyFailure ]
     3493webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-104.xht [ ImageOnlyFailure ]
     3494webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-108.xht [ ImageOnlyFailure ]
     3495webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-112.xht [ ImageOnlyFailure ]
     3496webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-116.xht [ ImageOnlyFailure ]
     3497webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-124.xht [ ImageOnlyFailure ]
     3498webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-128.xht [ ImageOnlyFailure ]
     3499webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-136.xht [ ImageOnlyFailure ]
     3500webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-140.xht [ ImageOnlyFailure ]
     3501webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-144.xht [ ImageOnlyFailure ]
     3502webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-148.xht [ ImageOnlyFailure ]
     3503webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-156.xht [ ImageOnlyFailure ]
     3504webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-160.xht [ ImageOnlyFailure ]
     3505webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-172.xht [ ImageOnlyFailure ]
     3506webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-176.xht [ ImageOnlyFailure ]
     3507webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-188.xht [ ImageOnlyFailure ]
     3508webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-192.xht [ ImageOnlyFailure ]
     3509webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-204.xht [ ImageOnlyFailure ]
     3510webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/abs-pos-non-replaced-vrl-208.xht [ ImageOnlyFailure ]
     3511webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-002.xht [ ImageOnlyFailure ]
     3512webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-004.xht [ ImageOnlyFailure ]
     3513webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-006.xht [ ImageOnlyFailure ]
     3514webkit.org/b/229397 imported/w3c/web-platform-tests/css/css-writing-modes/clip-rect-vrl-008.xht [ ImageOnlyFailure ]

  • trunk/Source/WebCore/ChangeLog

    r281993 r281995  
     12021-08-18  Sergio Villar Senin  <svillar@igalia.com>
     2
     3        [css-writing-modes] Fix absolutely positioning with orthogonal writing modes
     4        https://bugs.webkit.org/show_bug.cgi?id=228914
     5
     6        Reviewed by Manuel Rego Casasnovas.
     7
     8        Computing the position of an absolutely positioned object was not well supported for those cases in which
     9        the absolutely positioned child is orthogonal to its containing block, i.e. the child has horizontal writing mode
     10        and the containing block vertical writing mode or viceversa.
     11
     12        This is a two level fix. First of all we had to modify the two methods that retrieve the static distance to use
     13        the position of the perpendicular axis in those cases where we have orthogonal flows. The static distances are relative
     14        to the container's writing mode, i.e., the inline distance of a vertical child inside a horizontal container is the child's
     15        block position (same for a horizontal child inside a vertical container).
     16
     17        And the second fix was to adapt the methods that flip the position in the axis if needed. That is needed for those cases
     18        in which we have orthogonal writing modes and either the child or the container have flipped blocks writing mode. In particular
     19        we have to do it for the cases in which the positioned properties are not both auto because in those cases, neither
     20        computeInlineStaticDistance() nor computeBlockStaticDistance() are called and thus no adjustment was made.
     21
     22        No need to add new tests because this fix unskips 48 WPT tests from css/css-writing-modes that work fine now. Apart from
     23        that a good number of other subtests are also fixed by this patch.
     24
     25        * rendering/RenderBox.cpp:
     26        (WebCore::isOrthogonal):
     27        (WebCore::computeInlineStaticDistance): Add support for orthogonal writing modes.
     28        (WebCore::computeLogicalLeftPositionedOffset): Ditto.
     29        (WebCore::computeBlockStaticDistance): Ditto.
     30        (WebCore::computeLogicalTopPositionedOffset): Ditto.
     31        (WebCore::isVerticalLRChildInHorizontalTBParent): Deleted.
     32
    1332021-09-03  Lauro Moura  <lmoura@igalia.com>
    234

  • trunk/Source/WebCore/rendering/RenderBox.cpp

    r281239 r281995  
    7878#include "Settings.h"
    7979#include "StyleScrollSnapPoints.h"
     80#include "TextDirection.h"
    8081#include "TransformState.h"
    8182#include <algorithm>
    … …  
    36893690}
    36903691
    3691 static inline bool isVerticalLRChildInHorizontalTBParent(const RenderBox& child, RenderObject& parent)
    3692 {
    3693     return !child.isHorizontalWritingMode() && child.style().isFlippedLinesWritingMode() && parent.isHorizontalWritingMode() && !parent.style().isFlippedBlocksWritingMode();
     3692// FIXME: evaluate whether this should be a method of RenderObject instead.
     3693static inline bool isOrthogonal(const RenderObject& renderer, const RenderObject& ancestor)
     3694{
     3695    return renderer.isHorizontalWritingMode() != ancestor.isHorizontalWritingMode();
    36943696}
    36953697
    … …  
    37143716    }
    37153717
    3716     // FIXME: The static distance computation has not been fully patched for mixed writing modes yet.
    3717     if (parentDirection == TextDirection::LTR) {
    3718         LayoutUnit staticPosition = isVerticalLRChildInHorizontalTBParent(*child, *parent) ? child->layer()->staticBlockPosition() - containerBlock.borderBefore() : child->layer()->staticInlinePosition() - containerBlock.borderLogicalLeft();
     3718    // For orthogonal flows we don't care whether the parent is LTR or RTL because it does not affect the position in our inline axis.
     3719    if (parentDirection == TextDirection::LTR || isOrthogonal(*child, *parent)) {
     3720        LayoutUnit staticPosition = isOrthogonal(*child, *parent) ? child->layer()->staticBlockPosition() - containerBlock.borderBefore() : child->layer()->staticInlinePosition() - containerBlock.borderLogicalLeft();
    37193721        for (auto* current = parent; current && current != &containerBlock; current = current->container()) {
    37203722            if (!is<RenderBox>(*current))
    37213723                continue;
    37223724            const auto& renderBox = downcast<RenderBox>(*current);
    3723             staticPosition += isVerticalLRChildInHorizontalTBParent(*child, *parent) ? renderBox.logicalTop() : renderBox.logicalLeft();
     3725            staticPosition += isOrthogonal(*child, *parent) ? renderBox.logicalTop() : renderBox.logicalLeft();
    37243726            if (renderBox.isInFlowPositioned())
    37253727                staticPosition += renderBox.isHorizontalWritingMode() ? renderBox.offsetForInFlowPosition().width() : renderBox.offsetForInFlowPosition().height();
    … …  
    37343736        logicalLeft.setValue(LengthType::Fixed, staticPosition);
    37353737    } else {
     3738        ASSERT(!isOrthogonal(*child, *parent));
    37363739        LayoutUnit staticPosition = child->layer()->staticInlinePosition() + containerLogicalWidth + containerBlock.borderLogicalLeft();
    37373740        auto& enclosingBox = parent->enclosingBox();
    … …  
    37403743            return;
    37413744        }
    3742 
    37433745        staticPosition -= enclosingBox.logicalWidth();
    37443746        for (const RenderElement* current = &enclosingBox; current; current = current->container()) {
    … …  
    39253927static void computeLogicalLeftPositionedOffset(LayoutUnit& logicalLeftPos, const RenderBox* child, LayoutUnit logicalWidthValue, const RenderBoxModelObject& containerBlock, LayoutUnit containerLogicalWidth)
    39263928{
    3927     // Deal with differing writing modes here.  Our offset needs to be in the containing block's coordinate space. If the containing block is flipped
    3928     // along this axis, then we need to flip the coordinate.  This can only happen if the containing block is both a flipped mode and perpendicular to us.
    3929     if (containerBlock.isHorizontalWritingMode() != child->isHorizontalWritingMode() && containerBlock.style().isFlippedBlocksWritingMode()) {
     3929    auto logicalLeftAndRightAreAuto = child->style().logicalLeft().isAuto() && child->style().logicalRight().isAuto();
     3930    // Deal with differing writing modes here. Our offset needs to be in the containing block's coordinate space. If the containing block is flipped
     3931    // along this axis, then we need to flip the coordinate. Auto positioned items do not need this correction as it was properly handled in
     3932    // computeInlineStaticDistance().
     3933    if (isOrthogonal(*child, containerBlock) && !logicalLeftAndRightAreAuto && containerBlock.style().isFlippedBlocksWritingMode()) {
    39303934        logicalLeftPos = containerLogicalWidth - logicalWidthValue - logicalLeftPos;
    39313935        logicalLeftPos += (child->isHorizontalWritingMode() ? containerBlock.borderRight() : containerBlock.borderBottom());
    … …  
    41344138   
    41354139    RenderObject* parent = child->parent();
    4136     bool isParentDirectionLTR = parent->style().direction() == TextDirection::LTR;
    4137 
    4138     // FIXME: The static distance computation has not been fully patched for mixed writing modes.
    4139     LayoutUnit staticLogicalTop = isVerticalLRChildInHorizontalTBParent(*child, *parent) && isParentDirectionLTR ? child->layer()->staticInlinePosition() - containerBlock.borderLogicalLeft() : child->layer()->staticBlockPosition() - containerBlock.borderBefore();
     4140
     4141    // The static positions from the child's layer are relative to the container block's coordinate space (which is determined
     4142    // by the writing mode and text direction), meaning that for orthogonal flows the logical top of the child (which depends on
     4143    // the child's writing mode) is retrieved from the static inline position instead of the static block position.
     4144    LayoutUnit staticLogicalTop = isOrthogonal(*child, *parent) ? child->layer()->staticInlinePosition() - containerBlock.borderLogicalLeft() : child->layer()->staticBlockPosition() - containerBlock.borderBefore();
    41404145    for (RenderElement* container = child->parent(); container && container != &containerBlock; container = container->container()) {
    41414146        if (!is<RenderBox>(*container))
    … …  
    41434148        const auto& renderBox = downcast<RenderBox>(*container);
    41444149        if (!is<RenderTableRow>(renderBox))
    4145             staticLogicalTop += isVerticalLRChildInHorizontalTBParent(*child, *parent) && isParentDirectionLTR ? renderBox.logicalLeft() : renderBox.logicalTop();
     4150            staticLogicalTop += isOrthogonal(*child, *parent) ? renderBox.logicalLeft() : renderBox.logicalTop();
    41464151        if (renderBox.isInFlowPositioned())
    41474152            staticLogicalTop += renderBox.isHorizontalWritingMode() ? renderBox.offsetForInFlowPosition().height() : renderBox.offsetForInFlowPosition().width();
    41484153    }
    4149     logicalTop.setValue(LengthType::Fixed, staticLogicalTop);
     4154
     4155    // If the parent is RTL then we need to flip the coordinate by setting the logical bottom instead of the logical top. That only needs
     4156    // to be done in case of orthogonal writing modes, for horizontal ones the text direction of the parent does not affect the block position.
     4157    if (parent->style().direction() != TextDirection::LTR && isOrthogonal(*child, *parent))
     4158        logicalBottom.setValue(LengthType::Fixed, staticLogicalTop);
     4159    else
     4160        logicalTop.setValue(LengthType::Fixed, staticLogicalTop);
    41504161}
    41514162
    … …  
    42614272}
    42624273
    4263 static void computeLogicalTopPositionedOffset(LayoutUnit& logicalTopPos, const RenderBox* child, LayoutUnit logicalHeightValue, const RenderBoxModelObject& containerBlock, LayoutUnit containerLogicalHeight)
    4264 {
     4274// The |containerLogicalHeightForPositioned| is already aware of orthogonal flows.
     4275// The logicalTop concept is confusing here. It's the logical top from the child's POV. This means that is the physical
     4276// y if the child is vertical or the physical x if the child is horizontal.
     4277static void computeLogicalTopPositionedOffset(LayoutUnit& logicalTopPos, const RenderBox* child, LayoutUnit logicalHeightValue, const RenderBoxModelObject& containerBlock, LayoutUnit containerLogicalHeightForPositioned)
     4278{
     4279    auto logicalTopAndBottomAreAuto = child->style().logicalTop().isAuto() && child->style().logicalBottom().isAuto();
     4280    auto haveOrthogonalWritingModes = isOrthogonal(*child, containerBlock);
     4281    auto haveFlippedBlockAxis = child->style().isFlippedBlocksWritingMode() != containerBlock.style().isFlippedBlocksWritingMode();
     4282
    42654283    // Deal with differing writing modes here.  Our offset needs to be in the containing block's coordinate space. If the containing block is flipped
    42664284    // along this axis, then we need to flip the coordinate.  This can only happen if the containing block is both a flipped mode and perpendicular to us.
    4267     if ((child->style().isFlippedBlocksWritingMode() && child->isHorizontalWritingMode() != containerBlock.isHorizontalWritingMode())
    4268         || (child->style().isFlippedBlocksWritingMode() != containerBlock.style().isFlippedBlocksWritingMode() && child->isHorizontalWritingMode() == containerBlock.isHorizontalWritingMode()))
    4269         logicalTopPos = containerLogicalHeight - logicalHeightValue - logicalTopPos;
     4285    if ((haveOrthogonalWritingModes && !logicalTopAndBottomAreAuto && child->style().isFlippedBlocksWritingMode())
     4286        || (haveFlippedBlockAxis && !haveOrthogonalWritingModes))
     4287        logicalTopPos = containerLogicalHeightForPositioned - logicalHeightValue - logicalTopPos;
    42704288
    42714289    // Our offset is from the logical bottom edge in a flipped environment, e.g., right for vertical-rl and bottom for horizontal-bt.
    4272     if (containerBlock.style().isFlippedBlocksWritingMode() && child->isHorizontalWritingMode() == containerBlock.isHorizontalWritingMode()) {
     4290    if (containerBlock.style().isFlippedBlocksWritingMode() && !haveOrthogonalWritingModes) {
    42734291        if (child->isHorizontalWritingMode())
    42744292            logicalTopPos += containerBlock.borderBottom();
Note: See TracChangeset for help on using the changeset viewer.