[css-position-anchor] anchor-default -> position-anchor

Spec just changed. Bug: 329425863 Change-Id: Ib9b288d58d1820444f146885dc1440c51c06286b Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5374283 Commit-Queue: Rune Lillesveen <futhark@chromium.org> Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org> Cr-Commit-Position: refs/heads/main@{#1273436}
BruceDai · Mar 25, 2024 · 6e5bcea · 6e5bcea
1 parent b940e61
commit 6e5bcea
Show file tree

Hide file tree

Showing 78 changed files with 126 additions and 126 deletions.
diff --git a/css/css-anchor-position/anchor-center-htb-htb.html b/css/css-anchor-position/anchor-center-htb-htb.html
@@ -21,7 +21,7 @@
 }
 
 .target {
-  anchor-default: --anchor;
+  position-anchor: --anchor;
   position: absolute;
   background: cyan;
   justify-self: anchor-center;

diff --git a/css/css-anchor-position/anchor-center-htb-vrl.html b/css/css-anchor-position/anchor-center-htb-vrl.html
@@ -22,7 +22,7 @@
 
 .target {
   writing-mode: vertical-rl;
-  anchor-default: --anchor;
+  position-anchor: --anchor;
   position: absolute;
   background: cyan;
   align-self: anchor-center;

diff --git a/css/css-anchor-position/anchor-center-vrl-htb.html b/css/css-anchor-position/anchor-center-vrl-htb.html
@@ -23,7 +23,7 @@
 
 .target {
   writing-mode: horizontal-tb;
-  anchor-default: --anchor;
+  position-anchor: --anchor;
   position: absolute;
   background: cyan;
   align-self: anchor-center;

diff --git a/css/css-anchor-position/anchor-center-vrl-vrl.html b/css/css-anchor-position/anchor-center-vrl-vrl.html
@@ -22,7 +22,7 @@
 }
 
 .target {
-  anchor-default: --anchor;
+  position-anchor: --anchor;
   position: absolute;
   background: cyan;
   justify-self: anchor-center;

diff --git a/css/css-anchor-position/anchor-getComputedStyle-003.html b/css/css-anchor-position/anchor-getComputedStyle-003.html
@@ -52,7 +52,7 @@
 }
 
 #target1 {
-  anchor-default: --a1;
+  position-anchor: --a1;
 }
 
 #anchor2 {
@@ -62,7 +62,7 @@
 }
 
 #target2 {
-  anchor-default: --a2;
+  position-anchor: --a2;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-name-style-contained-dynamic.html b/css/css-anchor-position/anchor-name-style-contained-dynamic.html
@@ -19,7 +19,7 @@
   }
   .target {
     position: absolute;
-    anchor-default: var(--anchor-name);
+    position-anchor: var(--anchor-name);
     top: anchor(bottom, 50px);
   }
   #a1 { --anchor-name: --a1; }

diff --git a/css/css-anchor-position/anchor-name-style-contained.html b/css/css-anchor-position/anchor-name-style-contained.html
@@ -19,7 +19,7 @@
   }
   .target {
     position: absolute;
-    anchor-default: var(--anchor-name);
+    position-anchor: var(--anchor-name);
     top: anchor(bottom, 50px);
   }
   #a1 { --anchor-name: --a1; }

diff --git a/css/css-anchor-position/anchor-position-circular.html b/css/css-anchor-position/anchor-position-circular.html
@@ -15,7 +15,7 @@
 
 #anchored1 {
   position: absolute;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 left);
   top: anchor(--a1 bottom);
   background: orange;
@@ -24,7 +24,7 @@
 
 #anchored2 {
   position: absolute;
-  anchor-default: --a2;
+  position-anchor: --a2;
   left: anchor(--a2 left);
   top: anchor(--a2 bottom);
   background: green;

diff --git a/css/css-anchor-position/anchor-position-top-layer-001.html b/css/css-anchor-position/anchor-position-top-layer-001.html
@@ -21,7 +21,7 @@
   width: 100px;
   height: 100px;
   background: lime;
-  anchor-default: --a;
+  position-anchor: --a;
   outline: none;
 }
 

diff --git a/css/css-anchor-position/anchor-position-top-layer-002.html b/css/css-anchor-position/anchor-position-top-layer-002.html
@@ -21,7 +21,7 @@
   width: 100px;
   height: 100px;
   background: lime;
-  anchor-default: --a;
+  position-anchor: --a;
   outline: none;
 }
 

diff --git a/css/css-anchor-position/anchor-position-top-layer-003.html b/css/css-anchor-position/anchor-position-top-layer-003.html
@@ -21,7 +21,7 @@
   width: 100px;
   height: 100px;
   background: lime;
-  anchor-default: --a;
+  position-anchor: --a;
   outline: none;
 }
 

diff --git a/css/css-anchor-position/anchor-position-top-layer-004.html b/css/css-anchor-position/anchor-position-top-layer-004.html
@@ -21,7 +21,7 @@
   width: 100px;
   height: 100px;
   background: lime;
-  anchor-default: --a;
+  position-anchor: --a;
   outline: none;
 }
 

diff --git a/css/css-anchor-position/anchor-position-top-layer-005.html b/css/css-anchor-position/anchor-position-top-layer-005.html
@@ -22,7 +22,7 @@
   width: 100px;
   height: 100px;
   background: lime;
-  anchor-default: --a;
+  position-anchor: --a;
 }
 
 body {

diff --git a/css/css-anchor-position/anchor-position-top-layer-006.html b/css/css-anchor-position/anchor-position-top-layer-006.html
@@ -22,7 +22,7 @@
   width: 100px;
   height: 100px;
   background: lime;
-  anchor-default: --a;
+  position-anchor: --a;
 }
 
 body {

diff --git a/css/css-anchor-position/anchor-scroll-001.html b/css/css-anchor-position/anchor-scroll-001.html
@@ -40,15 +40,15 @@
   position: absolute;
   left: anchor(--anchor left);
   bottom: anchor(--anchor top);
-  anchor-default: --anchor;
+  position-anchor: --anchor;
 }
 
 #outer-anchored {
   color: yellow;
   position: absolute;
   left: anchor(--anchor left);
   top: anchor(--anchor bottom);
-  anchor-default: --anchor;
+  position-anchor: --anchor;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-scroll-002.html b/css/css-anchor-position/anchor-scroll-002.html
@@ -45,7 +45,7 @@
   height: 50px;
   top: anchor(--a1 top);
   left: anchor(--a1 right);
-  anchor-default: --a1;
+  position-anchor: --a1;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-scroll-003.html b/css/css-anchor-position/anchor-scroll-003.html
@@ -47,7 +47,7 @@
   position: absolute;
   left: anchor(--a left);
   bottom: anchor(--a top);
-  anchor-default: --a;
+  position-anchor: --a;
   width: 50px;
   height: 50px;
   background: lime;

diff --git a/css/css-anchor-position/anchor-scroll-004.html b/css/css-anchor-position/anchor-scroll-004.html
@@ -32,7 +32,7 @@
 
 .target {
   position: absolute;
-  anchor-default: --a;
+  position-anchor: --a;
   top: anchor(--a bottom);
   left: anchor(--a left);
   color: lime;

diff --git a/css/css-anchor-position/anchor-scroll-005.html b/css/css-anchor-position/anchor-scroll-005.html
@@ -33,7 +33,7 @@
   width: 100px;
   height: 100px;
   bottom: anchor(--a top);
-  anchor-default: --a;
+  position-anchor: --a;
   background: lime;
 }
 </style>

diff --git a/css/css-anchor-position/anchor-scroll-006.html b/css/css-anchor-position/anchor-scroll-006.html
@@ -50,21 +50,21 @@
 
 /* Needs scroll adjustment in x axis only */
 #target1 {
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(left);
   top: anchor(--scroller1 bottom);
 }
 
 /* Needs scroll adjustment in y axis only */
 #target2 {
-  anchor-default: --a2;
+  position-anchor: --a2;
   top: anchor(top);
   left: anchor(--scroller2 right);
 }
 
 /* No scroll adjustment needed */
 #target3 {
-  anchor-default: --a3;
+  position-anchor: --a3;
   top: anchor(--scroller3 bottom);
   left: anchor(--scroller3 right);
 }

diff --git a/css/css-anchor-position/anchor-scroll-007.html b/css/css-anchor-position/anchor-scroll-007.html
@@ -56,7 +56,7 @@
   height: 50px;
   left: anchor(--a3 left);
   top: anchor(--a1 top);
-  anchor-default: --a2;
+  position-anchor: --a2;
   background: lime;
 }
 </style>

diff --git a/css/css-anchor-position/anchor-scroll-chained-001.tentative.html b/css/css-anchor-position/anchor-scroll-chained-001.tentative.html
@@ -25,7 +25,7 @@
 
 #anchored1 {
   position: absolute;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 left);
   top: anchor(--a1 bottom);
   background: green;
@@ -34,7 +34,7 @@
 
 #anchored2 {
   position: absolute;
-  anchor-default: --a2;
+  position-anchor: --a2;
   left: anchor(--a2 left);
   top: anchor(--a2 bottom);
   background: lime;

diff --git a/css/css-anchor-position/anchor-scroll-chained-002.tentative.html b/css/css-anchor-position/anchor-scroll-chained-002.tentative.html
@@ -31,7 +31,7 @@
 
 #anchored1 {
   position: absolute;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 left);
   top: anchor(--a1 bottom);
   background: green;
@@ -40,7 +40,7 @@
 
 #anchored2 {
   position: absolute;
-  anchor-default: --a2;
+  position-anchor: --a2;
   left: anchor(--a2 left);
   top: anchor(--a2 bottom);
   background: lime;

diff --git a/css/css-anchor-position/anchor-scroll-chained-003.tentative.html b/css/css-anchor-position/anchor-scroll-chained-003.tentative.html
@@ -31,7 +31,7 @@
 
 #anchored1 {
   position: absolute;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 left);
   top: anchor(--a1 bottom);
   background: green;
@@ -41,7 +41,7 @@
 
 #anchored2 {
   position: absolute;
-  anchor-default: --a2;
+  position-anchor: --a2;
   left: anchor(--a2 left);
   top: anchor(--a2 bottom);
   background: lime;

diff --git a/css/css-anchor-position/anchor-scroll-chained-004.tentative.html b/css/css-anchor-position/anchor-scroll-chained-004.tentative.html
@@ -37,15 +37,15 @@
 
 #anchored1 {
   position: absolute;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 left);
   top: anchor(--a1 bottom);
   background: green;
 }
 
 #anchored2 {
   position: absolute;
-  anchor-default: --a2;
+  position-anchor: --a2;
   left: anchor(--a2 left);
   top: anchor(--a2 bottom);
   background: lime;

diff --git a/css/css-anchor-position/anchor-scroll-chained-fallback.tentative.html b/css/css-anchor-position/anchor-scroll-chained-fallback.tentative.html
@@ -27,7 +27,7 @@
 
 #anchored1 {
   position: absolute;
-  anchor-default: --a1;
+  position-anchor: --a1;
   background: green;
   position-try-options: --fallback;
   anchor-name: --a2;
@@ -37,7 +37,7 @@
 
 #anchored2 {
   position: absolute;
-  anchor-default: --a2;
+  position-anchor: --a2;
   left: anchor(--a2 left);
   top: anchor(--a2 bottom);
   background: lime;

diff --git a/css/css-anchor-position/anchor-scroll-composited-scrolling-001-crash.html b/css/css-anchor-position/anchor-scroll-composited-scrolling-001-crash.html
@@ -23,7 +23,7 @@
 
 #anchored {
   position: absolute;
-  anchor-default: --a;
+  position-anchor: --a;
   left: anchor(--a left);
   bottom: anchor(--a top);
   width: 100px;

diff --git a/css/css-anchor-position/anchor-scroll-composited-scrolling-002-crash.html b/css/css-anchor-position/anchor-scroll-composited-scrolling-002-crash.html
@@ -23,7 +23,7 @@
   position: fixed;
   top: anchor(--a bottom);
   left: anchor(--a left);
-  anchor-default: --a;
+  position-anchor: --a;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-scroll-composited-scrolling-003-crash.html b/css/css-anchor-position/anchor-scroll-composited-scrolling-003-crash.html
@@ -23,7 +23,7 @@
   position: fixed;
   top: anchor(--a bottom);
   left: anchor(--a left);
-  anchor-default: --a;
+  position-anchor: --a;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-scroll-composited-scrolling-004-crash.html b/css/css-anchor-position/anchor-scroll-composited-scrolling-004-crash.html
@@ -23,7 +23,7 @@
   position: fixed;
   top: anchor(--a bottom);
   left: anchor(--a left);
-  anchor-default: --a;
+  position-anchor: --a;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-scroll-composited-scrolling-005-crash.html b/css/css-anchor-position/anchor-scroll-composited-scrolling-005-crash.html
@@ -23,7 +23,7 @@
   position: fixed;
   top: anchor(--a bottom);
   left: anchor(--a left);
-  anchor-default: --a;
+  position-anchor: --a;
 }
 </style>
 

diff --git a/css/css-anchor-position/anchor-scroll-composited-scrolling-006.html b/css/css-anchor-position/anchor-scroll-composited-scrolling-006.html
@@ -29,7 +29,7 @@
   background: red;
   left: 0;
   bottom: anchor(--a top);
-  anchor-default: --a;
+  position-anchor: --a;
 }
 #overlap {
   position: absolute;

diff --git a/css/css-anchor-position/anchor-scroll-fixedpos-002.html b/css/css-anchor-position/anchor-scroll-fixedpos-002.html
@@ -23,7 +23,7 @@
 
 #anchored {
   position: fixed;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 right);
   top: anchor(--a1 top);
   background: green;

diff --git a/css/css-anchor-position/anchor-scroll-fixedpos.html b/css/css-anchor-position/anchor-scroll-fixedpos.html
@@ -22,7 +22,7 @@
 
 #anchored {
   position: fixed;
-  anchor-default: --a1;
+  position-anchor: --a1;
   left: anchor(--a1 right);
   top: anchor(--a1 top);
   background: green;