Bug 1778002 [wpt PR 34693] - blink: Ensure overflow clip and visible have consistent behaviour., a=testonly

Automatic update from web-platform-tests
blink: Ensure overflow clip and visible have consistent behaviour.

This includes the following set of changes in preparation to add
overflow:clip to all img elements in UA CSS. The aim is to have
consistent behaviour between overflow:visible/clip for the following
layout cases:

- Use min size:auto when overflow:clip is used on a child element with
  the ancestor using grid layout.
- Don't synthesize logical baseline for overflow:clip similar to overflow
  visible. See w3c/csswg-drafts#6212 for
  context.
- When using spatial navigation, consider the topmost paint layer which
  has no self painting visible descendents instead of all visible
  descendents. This accounts for paint layers created for overflow which
  are for bookkeeping purposes and don't change the paint order.

Bug: 1321217
Change-Id: Ibd9327da9fb830fa78e18e8cc1cb29179eaba269
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3743910
Auto-Submit: Khushal Sagar <[email protected]>
Commit-Queue: Khushal Sagar <[email protected]>
Reviewed-by: Vladimir Levin <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1020664}

--

wpt-commits: 5df633bf51921f94dd0f02fa34e9a4f08d2576bf
wpt-pr: 34693

Author: khushalsagar

testing/web-platform/tests/css/css-images/object-view-box-fit-contain-canvas-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -30,7 +30,7 @@
 .container_view_box_subset_with_position {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -42,7 +42,7 @@
 .container_view_box_subset_with_scaling {
   width: 100px;
   height: 200px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-contain-img-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -30,7 +30,7 @@
 .container_view_box_subset_with_position {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -42,7 +42,7 @@
 .container_view_box_subset_with_scaling {
   width: 100px;
   height: 200px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-contain-svg-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -30,7 +30,7 @@
 .container_view_box_subset_with_position {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -42,7 +42,7 @@
 .container_view_box_subset_with_scaling {
   width: 100px;
   height: 200px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-contain-video-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -30,7 +30,7 @@
 .container_view_box_subset_with_position {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -42,7 +42,7 @@
 .container_view_box_subset_with_scaling {
   width: 100px;
   height: 200px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-cover-canvas-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset {
@@ -32,7 +32,7 @@
 .container_view_box_subset_with_position {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset_with_position {
@@ -45,7 +45,7 @@
 .container_view_box_subset_with_scaling {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-cover-img-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset {
@@ -32,7 +32,7 @@
 .container_view_box_subset_with_position {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset_with_position {
@@ -45,7 +45,7 @@
 .container_view_box_subset_with_scaling {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-cover-svg-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset {
@@ -32,7 +32,7 @@
 .container_view_box_subset_with_position {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset_with_position {
@@ -45,7 +45,7 @@
 .container_view_box_subset_with_scaling {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-cover-video-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset {
@@ -32,7 +32,7 @@
 .container_view_box_subset_with_position {
   width: 40px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
 }
 .view_box_subset_with_position {
@@ -45,7 +45,7 @@
 .container_view_box_subset_with_scaling {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-fill-canvas-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 50px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }
@@ -30,7 +30,7 @@
 .container_view_box_subset_with_position {
   width: 50px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   background-color: grey;
   display: inline-block;
 }
@@ -43,7 +43,7 @@
 .container_view_box_subset_with_scaling {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }
@@ -57,15 +57,15 @@
 .container_view_box_superset {
   width: 100px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
 
 .container_view_box_superset_with_position {
   width: 100px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -78,7 +78,7 @@
 .container_view_box_superset_with_scaling {
   width: 50px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -91,7 +91,7 @@
 .container_view_box_intersection {
   width: 25px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
   clip-path: inset(0px 0px 1px 0px);
@@ -106,7 +106,7 @@
 .container_view_box_no_intersection {
   width: 25px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }

testing/web-platform/tests/css/css-images/object-view-box-fit-fill-img-ref.html

@@ -18,7 +18,7 @@
 .container_view_box_subset {
   width: 50px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }
@@ -30,7 +30,7 @@
 .container_view_box_subset_with_position {
   width: 50px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   background-color: grey;
   display: inline-block;
 }
@@ -43,7 +43,7 @@
 .container_view_box_subset_with_scaling {
   width: 50px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   clip-path: inset(1px 0px 0px 0px);
 }
@@ -57,15 +57,15 @@
 .container_view_box_superset {
   width: 100px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
 
 .container_view_box_superset_with_position {
   width: 100px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -78,7 +78,7 @@
 .container_view_box_superset_with_scaling {
   width: 50px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }
@@ -91,7 +91,7 @@
 .container_view_box_intersection {
   width: 25px;
   height: 100px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
   clip-path: inset(0px 0px 1px 0px);
@@ -106,7 +106,7 @@
 .container_view_box_no_intersection {
   width: 25px;
   height: 50px;
-  overflow: clip;
+  overflow: hidden;
   display: inline-block;
   background-color: grey;
 }