commit 7ca713a4348567973e9a56f0d5c9293237e7f147 parent 068d53d928040fc6f8716e8347b6b67ab239bb99 Author: Jonathan Kew <jkew@mozilla.com> Date: Thu, 2 Oct 2025 08:49:16 +0000 Bug 1991968 - Rename position-area keywords with {x,y}-self-{start,end} to use self-{x,y}-{start,end} per CSSWG resolution. r=layout-reviewers,firefox-style-system-reviewers,dshin Differential Revision: https://phabricator.services.mozilla.com/D267057 Diffstat:
13 files changed, 98 insertions(+), 98 deletions(-)
diff --git a/layout/style/test/property_database.js b/layout/style/test/property_database.js @@ -13358,10 +13358,10 @@ if (IsCSSPropertyPrefEnabled("layout.css.anchor-positioning.enabled")) { "x-end", "span-x-start", "span-x-end", - "x-self-start", - "x-self-end", - "span-x-self-start", - "span-x-self-end", + "self-x-start", + "self-x-end", + "span-self-x-start", + "span-self-x-end", "top", "bottom", "span-top", @@ -13370,10 +13370,10 @@ if (IsCSSPropertyPrefEnabled("layout.css.anchor-positioning.enabled")) { "y-end", "span-y-start", "span-y-end", - "y-self-start", - "y-self-end", - "span-y-self-start", - "span-y-self-end", + "self-y-start", + "self-y-end", + "span-self-y-start", + "span-self-y-end", "block-start", "block-end", "span-block-start", diff --git a/servo/components/style/values/specified/position.rs b/servo/components/style/values/specified/position.rs @@ -907,10 +907,10 @@ pub enum PositionAreaKeyword { SpanEnd = PositionAreaKeyword::Span as u8 | PositionAreaKeyword::End as u8, // Values using the Self element's writing-mode: - XSelfStart = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::XStart as u8, - XSelfEnd = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::XEnd as u8, - YSelfStart = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::YStart as u8, - YSelfEnd = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::YEnd as u8, + SelfXStart = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::XStart as u8, + SelfXEnd = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::XEnd as u8, + SelfYStart = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::YStart as u8, + SelfYEnd = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::YEnd as u8, SelfBlockStart = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::BlockStart as u8, SelfBlockEnd = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::BlockEnd as u8, @@ -921,16 +921,16 @@ pub enum PositionAreaKeyword { SelfEnd = PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::End as u8, // Values with Span and SelfWM: - SpanXSelfStart = PositionAreaKeyword::Span as u8 + SpanSelfXStart = PositionAreaKeyword::Span as u8 | PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::XStart as u8, - SpanXSelfEnd = PositionAreaKeyword::Span as u8 + SpanSelfXEnd = PositionAreaKeyword::Span as u8 | PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::XEnd as u8, - SpanYSelfStart = PositionAreaKeyword::Span as u8 + SpanSelfYStart = PositionAreaKeyword::Span as u8 | PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::YStart as u8, - SpanYSelfEnd = PositionAreaKeyword::Span as u8 + SpanSelfYEnd = PositionAreaKeyword::Span as u8 | PositionAreaKeyword::SelfWM as u8 | PositionAreaKeyword::YEnd as u8, @@ -972,11 +972,11 @@ impl PositionAreaKeyword { match self { // X-axis Left | Right | SpanLeft | SpanRight | XStart | XEnd | SpanXStart | SpanXEnd - | XSelfStart | XSelfEnd | SpanXSelfStart | SpanXSelfEnd => PositionAreaType::Physical, + | SelfXStart | SelfXEnd | SpanSelfXStart | SpanSelfXEnd => PositionAreaType::Physical, // Y-axis Top | Bottom | SpanTop | SpanBottom | YStart | YEnd | SpanYStart | SpanYEnd - | YSelfStart | YSelfEnd | SpanYSelfStart | SpanYSelfEnd => PositionAreaType::Physical, + | SelfYStart | SelfYEnd | SpanSelfYStart | SpanSelfYEnd => PositionAreaType::Physical, // Block BlockStart | BlockEnd | SpanBlockStart | SpanBlockEnd => PositionAreaType::Logical, @@ -1022,10 +1022,10 @@ impl PositionAreaKeyword { | XEnd | SpanXStart | SpanXEnd - | XSelfStart - | XSelfEnd - | SpanXSelfStart - | SpanXSelfEnd + | SelfXStart + | SelfXEnd + | SpanSelfXStart + | SpanSelfXEnd | BlockStart | BlockEnd | SpanBlockStart @@ -1049,10 +1049,10 @@ impl PositionAreaKeyword { | YEnd | SpanYStart | SpanYEnd - | YSelfStart - | YSelfEnd - | SpanYSelfStart - | SpanYSelfEnd + | SelfYStart + | SelfYEnd + | SpanSelfYStart + | SpanSelfYEnd | InlineStart | InlineEnd | SpanInlineStart diff --git a/testing/web-platform/meta/css/css-anchor-position/position-area-align-justify-wm-dir.html.ini b/testing/web-platform/meta/css/css-anchor-position/position-area-align-justify-wm-dir.html.ini @@ -8,7 +8,7 @@ [Offsets for: x-start y-start with writing-mode / direction: containing-block: horizontal-tb / rtl] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: containing-block: horizontal-tb / rtl] + [Offsets for: self-x-start self-y-start with writing-mode / direction: containing-block: horizontal-tb / rtl] expected: FAIL [Offsets for: start start with writing-mode / direction: containing-block: vertical-lr / ltr] @@ -20,7 +20,7 @@ [Offsets for: x-start y-start with writing-mode / direction: containing-block: vertical-lr / ltr] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: containing-block: vertical-lr / ltr] + [Offsets for: self-x-start self-y-start with writing-mode / direction: containing-block: vertical-lr / ltr] expected: FAIL [Offsets for: start start with writing-mode / direction: containing-block: vertical-lr / rtl] @@ -32,7 +32,7 @@ [Offsets for: x-start y-start with writing-mode / direction: containing-block: vertical-lr / rtl] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: containing-block: vertical-lr / rtl] + [Offsets for: self-x-start self-y-start with writing-mode / direction: containing-block: vertical-lr / rtl] expected: FAIL [Offsets for: start start with writing-mode / direction: containing-block: vertical-rl / ltr] @@ -44,7 +44,7 @@ [Offsets for: x-start y-start with writing-mode / direction: containing-block: vertical-rl / ltr] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: containing-block: vertical-rl / ltr] + [Offsets for: self-x-start self-y-start with writing-mode / direction: containing-block: vertical-rl / ltr] expected: FAIL [Offsets for: start start with writing-mode / direction: containing-block: vertical-rl / rtl] @@ -62,7 +62,7 @@ [Offsets for: x-start y-start with writing-mode / direction: self: horizontal-tb / rtl] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: self: horizontal-tb / rtl] + [Offsets for: self-x-start self-y-start with writing-mode / direction: self: horizontal-tb / rtl] expected: FAIL [Offsets for: start start with writing-mode / direction: self: vertical-lr / ltr] @@ -74,7 +74,7 @@ [Offsets for: x-start y-start with writing-mode / direction: self: vertical-lr / ltr] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: self: vertical-lr / ltr] + [Offsets for: self-x-start self-y-start with writing-mode / direction: self: vertical-lr / ltr] expected: FAIL [Offsets for: start start with writing-mode / direction: self: vertical-lr / rtl] @@ -86,7 +86,7 @@ [Offsets for: x-start y-start with writing-mode / direction: self: vertical-lr / rtl] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: self: vertical-lr / rtl] + [Offsets for: self-x-start self-y-start with writing-mode / direction: self: vertical-lr / rtl] expected: FAIL [Offsets for: start start with writing-mode / direction: self: vertical-rl / ltr] @@ -98,7 +98,7 @@ [Offsets for: x-start y-start with writing-mode / direction: self: vertical-rl / ltr] expected: FAIL - [Offsets for: x-self-start y-self-start with writing-mode / direction: self: vertical-rl / ltr] + [Offsets for: self-x-start self-y-start with writing-mode / direction: self: vertical-rl / ltr] expected: FAIL [Offsets for: start start with writing-mode / direction: self: vertical-rl / rtl] diff --git a/testing/web-platform/meta/css/css-anchor-position/position-area-in-position-try.html.ini b/testing/web-platform/meta/css/css-anchor-position/position-area-in-position-try.html.ini @@ -107,31 +107,31 @@ [y-end x-end] expected: FAIL - [y-self-start x-self-start] + [self-y-start self-x-start] expected: FAIL - [y-self-start center] + [self-y-start center] expected: FAIL - [y-self-start x-self-end] + [self-y-start self-x-end] expected: FAIL - [center x-self-start] + [center self-x-start] expected: FAIL - [center x-self-end] + [center self-x-end] expected: FAIL - [y-self-end x-self-start] + [self-y-end self-x-start] expected: FAIL - [y-self-end center] + [self-y-end center] expected: FAIL - [y-self-end x-self-end] + [self-y-end self-x-end] expected: FAIL - [span-y-self-start span-x-self-end] + [span-self-y-start span-self-x-end] expected: FAIL [span-bottom span-all] diff --git a/testing/web-platform/meta/css/css-anchor-position/try-tactic-position-area.html.ini b/testing/web-platform/meta/css/css-anchor-position/try-tactic-position-area.html.ini @@ -173,10 +173,10 @@ [flip-block flip-inline, position-area:span-x-start span-y-start, ltr horizontal-tb] expected: FAIL - [flip-block flip-inline, position-area:x-self-start y-self-start, ltr horizontal-tb] + [flip-block flip-inline, position-area:self-x-start self-y-start, ltr horizontal-tb] expected: FAIL - [flip-block flip-inline, position-area:span-x-self-start span-y-self-start, ltr horizontal-tb] + [flip-block flip-inline, position-area:span-self-x-start span-self-y-start, ltr horizontal-tb] expected: FAIL [flip-inline, position-area:block-start inline-start, ltr horizontal-tb] diff --git a/testing/web-platform/tests/css/css-anchor-position/anchor-center-visibility-change.html b/testing/web-platform/tests/css/css-anchor-position/anchor-center-visibility-change.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html class=reftest-wait> <title>Tests 'anchor-center' value when target visibility changes (by changing 'display', 'visibility', or popover trigger)</title> -<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center"> +<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#valdef-justifself-y-anchor-center"> <link rel="author" href="mailto:plampe@igalia.com"> <link rel="author" href="mailto:kiet.ho@apple.com"> <link rel="match" href="anchor-center-visibility-change-ref.html"> diff --git a/testing/web-platform/tests/css/css-anchor-position/position-area-align-justify-wm-dir.html b/testing/web-platform/tests/css/css-anchor-position/position-area-align-justify-wm-dir.html @@ -56,7 +56,7 @@ test_position_area(writing_direction, "start start", top_right); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_right); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: vertical-lr / ltr // self: horizontal-tb / ltr @@ -66,7 +66,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: vertical-lr / rtl // self: horizontal-tb / ltr @@ -76,7 +76,7 @@ test_position_area(writing_direction, "start start", bottom_left); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", bottom_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: vertical-rl / ltr // self: horizontal-tb / ltr @@ -86,7 +86,7 @@ test_position_area(writing_direction, "start start", top_right); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_right); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: vertical-rl / rtl // self: horizontal-tb / ltr @@ -96,7 +96,7 @@ test_position_area(writing_direction, "start start", bottom_right); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", bottom_right); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // Writing-mode and direction on self container.style.writingMode = "horizontal-tb"; @@ -110,7 +110,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_right); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_right); + test_position_area(writing_direction, "self-x-start self-y-start", top_right); // containing-block: horizontal-tb / ltr // self: vertical-lr / ltr @@ -120,7 +120,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: horizontal-tb / ltr // self: vertical-lr / rtl @@ -130,7 +130,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", bottom_left); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", bottom_left); + test_position_area(writing_direction, "self-x-start self-y-start", bottom_left); // containing-block: horizontal-tb / ltr // self: vertical-rl / ltr @@ -140,7 +140,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_right); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_right); + test_position_area(writing_direction, "self-x-start self-y-start", top_right); // containing-block: horizontal-tb / ltr // self: vertical-rl / rtl @@ -150,6 +150,6 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", bottom_right); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", bottom_right); + test_position_area(writing_direction, "self-x-start self-y-start", bottom_right); </script> diff --git a/testing/web-platform/tests/css/css-anchor-position/position-area-basic.html b/testing/web-platform/tests/css/css-anchor-position/position-area-basic.html @@ -104,17 +104,17 @@ test_position_area("y-end center", {left:100, top:225, width:150, height:175}); test_position_area("y-end x-end", {left:250, top:225, width:150, height:175}); - test_position_area("y-self-start x-self-start", {left:0, top:0, width:100, height:150}); - test_position_area("y-self-start center", {left:100, top:0, width:150, height:150}); - test_position_area("y-self-start x-self-end", {left:250, top:0, width:150, height:150}); - test_position_area("center x-self-start", {left:0, top:150, width:100, height:75}); - test_position_area("center x-self-end", {left:250, top:150, width:150, height:75}); - test_position_area("y-self-end x-self-start", {left:0, top:225, width:100, height:175}); - test_position_area("y-self-end center", {left:100, top:225, width:150, height:175}); - test_position_area("y-self-end x-self-end", {left:250, top:225, width:150, height:175}); + test_position_area("self-y-start self-x-start", {left:0, top:0, width:100, height:150}); + test_position_area("self-y-start center", {left:100, top:0, width:150, height:150}); + test_position_area("self-y-start self-x-end", {left:250, top:0, width:150, height:150}); + test_position_area("center self-x-start", {left:0, top:150, width:100, height:75}); + test_position_area("center self-x-end", {left:250, top:150, width:150, height:75}); + test_position_area("self-y-end self-x-start", {left:0, top:225, width:100, height:175}); + test_position_area("self-y-end center", {left:100, top:225, width:150, height:175}); + test_position_area("self-y-end self-x-end", {left:250, top:225, width:150, height:175}); // Multi-region spans - test_position_area("span-y-self-start span-x-self-end", {left:100, top:0, width:300, height:225}); + test_position_area("span-self-y-start span-self-x-end", {left:100, top:0, width:300, height:225}); test_position_area("span-bottom span-all", {left:0, top:150, width:400, height:250}); // No implicit anchor means the position-area should not apply. diff --git a/testing/web-platform/tests/css/css-anchor-position/position-area-computed.html b/testing/web-platform/tests/css/css-anchor-position/position-area-computed.html @@ -20,10 +20,10 @@ "x-end", "span-x-start", "span-x-end", - "x-self-start", - "x-self-end", - "span-x-self-start", - "span-x-self-end" + "self-x-start", + "self-x-end", + "span-self-x-start", + "span-self-x-end" ]; const vertical = [ @@ -35,10 +35,10 @@ "y-end", "span-y-start", "span-y-end", - "y-self-start", - "y-self-end", - "span-y-self-start", - "span-y-self-end" + "self-y-start", + "self-y-end", + "span-self-y-start", + "span-self-y-end" ]; // Keywords that refer to the logical block/inline axis. diff --git a/testing/web-platform/tests/css/css-anchor-position/position-area-in-position-try.html b/testing/web-platform/tests/css/css-anchor-position/position-area-in-position-try.html @@ -105,15 +105,15 @@ test_position_area_ref('center x-end'); test_position_area_ref('y-end x-start'); test_position_area_ref('y-end center'); test_position_area_ref('y-end x-end'); -test_position_area_ref('y-self-start x-self-start'); -test_position_area_ref('y-self-start center'); -test_position_area_ref('y-self-start x-self-end'); -test_position_area_ref('center x-self-start'); -test_position_area_ref('center x-self-end'); -test_position_area_ref('y-self-end x-self-start'); -test_position_area_ref('y-self-end center'); -test_position_area_ref('y-self-end x-self-end'); -test_position_area_ref('span-y-self-start span-x-self-end'); +test_position_area_ref('self-y-start self-x-start'); +test_position_area_ref('self-y-start center'); +test_position_area_ref('self-y-start self-x-end'); +test_position_area_ref('center self-x-start'); +test_position_area_ref('center self-x-end'); +test_position_area_ref('self-y-end self-x-start'); +test_position_area_ref('self-y-end center'); +test_position_area_ref('self-y-end self-x-end'); +test_position_area_ref('span-self-y-start span-self-x-end'); test_position_area_ref('span-bottom span-all'); </script> diff --git a/testing/web-platform/tests/css/css-anchor-position/position-area-parsing.html b/testing/web-platform/tests/css/css-anchor-position/position-area-parsing.html @@ -66,11 +66,11 @@ }; const horizontal = [ "left", "right", "span-left", "span-right", "x-start", - "x-end", "span-x-start", "span-x-end", "x-self-start", - "x-self-end", "span-x-self-start", "span-x-self-end" ]; + "x-end", "span-x-start", "span-x-end", "self-x-start", + "self-x-end", "span-self-x-start", "span-self-x-end" ]; const vertical = [ "top", "bottom", "span-top", "span-bottom", "y-start", - "y-end", "span-y-start", "span-y-end", "y-self-start", - "y-self-end", "span-y-self-start", "span-y-self-end" ]; + "y-end", "span-y-start", "span-y-end", "self-y-start", + "self-y-end", "span-self-y-start", "span-self-y-end" ]; const inline = [ "inline-start", "inline-end", "span-inline-start", "span-inline-end" ]; const block = [ "block-start", "block-end", "span-block-start", diff --git a/testing/web-platform/tests/css/css-anchor-position/position-area-wm-dir.html b/testing/web-platform/tests/css/css-anchor-position/position-area-wm-dir.html @@ -73,7 +73,7 @@ test_position_area(writing_direction, "start start", top_right); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_right); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); test_position_area(writing_direction, "inline-start block-end", bottom_right); test_position_area(writing_direction, "self-inline-start self-block-end", bottom_left); @@ -85,7 +85,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); test_position_area(writing_direction, "inline-start block-end", top_right); test_position_area(writing_direction, "self-inline-start self-block-end", bottom_left); @@ -97,7 +97,7 @@ test_position_area(writing_direction, "start start", bottom_left); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", bottom_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: vertical-rl / ltr // self: horizontal-tb / ltr @@ -107,7 +107,7 @@ test_position_area(writing_direction, "start start", top_right); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_right); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: vertical-rl / rtl // self: horizontal-tb / ltr @@ -117,7 +117,7 @@ test_position_area(writing_direction, "start start", bottom_right); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", bottom_right); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // Writing-mode and direction on self container.style.writingMode = "horizontal-tb"; @@ -131,7 +131,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_right); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_right); + test_position_area(writing_direction, "self-x-start self-y-start", top_right); // containing-block: horizontal-tb / ltr // self: vertical-lr / ltr @@ -141,7 +141,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_left); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_left); + test_position_area(writing_direction, "self-x-start self-y-start", top_left); // containing-block: horizontal-tb / ltr // self: vertical-lr / rtl @@ -151,7 +151,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", bottom_left); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", bottom_left); + test_position_area(writing_direction, "self-x-start self-y-start", bottom_left); // containing-block: horizontal-tb / ltr // self: vertical-rl / ltr @@ -161,7 +161,7 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", top_right); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", top_right); + test_position_area(writing_direction, "self-x-start self-y-start", top_right); // containing-block: horizontal-tb / ltr // self: vertical-rl / rtl @@ -171,6 +171,6 @@ test_position_area(writing_direction, "start start", top_left); test_position_area(writing_direction, "self-start self-start", bottom_right); test_position_area(writing_direction, "x-start y-start", top_left); - test_position_area(writing_direction, "x-self-start y-self-start", bottom_right); + test_position_area(writing_direction, "self-x-start self-y-start", bottom_right); </script> diff --git a/testing/web-platform/tests/css/css-anchor-position/try-tactic-position-area.html b/testing/web-platform/tests/css/css-anchor-position/try-tactic-position-area.html @@ -140,8 +140,8 @@ test_computed_value('flip-block flip-inline flip-start', 'position-area', 'x-end // Variations: test_computed_value('flip-block flip-inline', 'position-area', 'span-x-start span-y-start', 'span-x-end span-y-end'); -test_computed_value('flip-block flip-inline', 'position-area', 'x-self-start y-self-start', 'x-self-end y-self-end'); -test_computed_value('flip-block flip-inline', 'position-area', 'span-x-self-start span-y-self-start', 'span-x-self-end span-y-self-end'); +test_computed_value('flip-block flip-inline', 'position-area', 'self-x-start self-y-start', 'self-x-end self-y-end'); +test_computed_value('flip-block flip-inline', 'position-area', 'span-self-x-start span-self-y-start', 'span-self-x-end span-self-y-end'); // Logical: