Bug 1873102 [wpt PR 43858] - Do not round the clipping region with mi…

…xed overflow clip, a=testonly

Automatic update from web-platform-tests
Do not round the clipping region with mixed overflow clip

The CSSWG resolved [1] to not apply rounded border clipping when one of
overflow-x or overflow-y computes to clip and the other computes to
visible (https://drafts.csswg.org/css-overflow/#corner-clipping). This
patch updates our implementation to not create the inner border radius
clip in this mixed clip/visible scenario.

[1] w3c/csswg-drafts#7434

Bug: 1416649
Change-Id: I4d24ac82ecdafba5fa691efb1ce85892c734c717
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5171405
Reviewed-by: David Baron <dbaronchromium.org>
Commit-Queue: Philip Rogers <pdrchromium.org>
Cr-Commit-Position: refs/heads/main{#1243240}

--

wpt-commits: 7e7527ccba8afd472bd49972a4ba0ae0c58208ac
wpt-pr: 43858

UltraBlame original commit: e60370c109d6e6f1b765260a2230504ae6371e89

testing/web-platform/tests/css/css-overflow/rounded-overflow-clip-visible-ref.html

@@ -0,0 +1,99 @@
+<
+!
+DOCTYPE
+html
+>
+<
+style
+>
+.
+box
+{
+width
+:
+100px
+;
+height
+:
+100px
+;
+background
+:
+green
+;
+display
+:
+inline
+-
+block
+;
+}
+<
+/
+style
+>
+There
+should
+be
+4
+100x100
+green
+squares
+(
+no
+rounded
+corners
+)
+below
+.
+<
+br
+>
+<
+div
+class
+=
+"
+box
+"
+>
+<
+/
+div
+>
+<
+div
+class
+=
+"
+box
+"
+>
+<
+/
+div
+>
+<
+div
+class
+=
+"
+box
+"
+>
+<
+/
+div
+>
+<
+div
+class
+=
+"
+box
+"
+>
+<
+/
+div
+>

testing/web-platform/tests/css/css-overflow/rounded-overflow-clip-visible.html

@@ -0,0 +1,294 @@
+<
+!
+DOCTYPE
+html
+>
+<
+title
+>
+Border
+radius
+should
+not
+round
+the
+clipping
+region
+when
+mixing
+overflow
+:
+visible
+and
+clip
+<
+/
+title
+>
+<
+link
+rel
+=
+"
+help
+"
+href
+=
+"
+https
+:
+/
+/
+drafts
+.
+csswg
+.
+org
+/
+css
+-
+overflow
+/
+#
+corner
+-
+clipping
+"
+>
+<
+link
+rel
+=
+"
+help
+"
+href
+=
+"
+https
+:
+/
+/
+github
+.
+com
+/
+w3c
+/
+csswg
+-
+drafts
+/
+issues
+/
+7434
+"
+>
+<
+link
+rel
+=
+"
+match
+"
+href
+=
+"
+rounded
+-
+overflow
+-
+clip
+-
+visible
+-
+ref
+.
+html
+"
+>
+<
+style
+>
+.
+container
+{
+width
+:
+100px
+;
+height
+:
+50px
+;
+overflow
+:
+clip
+visible
+;
+background
+:
+red
+;
+display
+:
+inline
+-
+block
+;
+}
+.
+border
+-
+radius
+{
+border
+-
+radius
+:
+25px
+;
+}
+.
+child
+{
+width
+:
+200px
+;
+height
+:
+100px
+;
+background
+:
+green
+;
+fill
+:
+green
+;
+}
+<
+/
+style
+>
+There
+should
+be
+4
+100x100
+green
+squares
+(
+no
+rounded
+corners
+)
+below
+.
+<
+br
+>
+<
+div
+class
+=
+"
+container
+border
+-
+radius
+"
+>
+<
+div
+class
+=
+"
+child
+"
+>
+<
+/
+div
+>
+<
+/
+div
+>
+<
+div
+class
+=
+"
+container
+"
+>
+<
+div
+class
+=
+"
+child
+"
+>
+<
+/
+div
+>
+<
+/
+div
+>
+<
+svg
+class
+=
+"
+container
+border
+-
+radius
+"
+>
+<
+rect
+class
+=
+"
+child
+"
+>
+<
+/
+rect
+>
+<
+/
+svg
+>
+<
+svg
+class
+=
+"
+container
+"
+>
+<
+rect
+class
+=
+"
+child
+"
+>
+<
+/
+rect
+>
+<
+/
+svg
+>