Bug 1660096 [wpt PR 25120] - Specify which border sides to include for inner border radius., a=testonly
authorMorten Stenshorne <mstensho@chromium.org>
Wed, 26 Aug 2020 08:50:04 +0000
changeset 546439 9cfd6ab722f84ea1dcc430230ff6350e19dc5c86
parent 546438 022dd6eadbb2f4489769e50e4bf7ddd4b585830c
child 546440 d5a57640abdc0811e48232d1c6f64b2aa6504e27
push id37735
push userabutkovits@mozilla.com
push dateThu, 27 Aug 2020 21:29:40 +0000
treeherdermozilla-central@109f3a4de567 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1660096, 25120, 1119323, 2362613, 800038
milestone82.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1660096 [wpt PR 25120] - Specify which border sides to include for inner border radius., a=testonly Automatic update from web-platform-tests Specify which border sides to include for inner border radius. When calculating the inner border radius, just like when calculating the outer border radius, we need to specify which borders that are present, to get it right. Bug: 1119323 Change-Id: I144eea827fc7222bd4919a0be57c4cba442ed8da Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2362613 Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Philip Rogers <pdr@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/master@{#800038} -- wpt-commits: 9537c995cf992e4c112b0a998f47c4abafb01bf7 wpt-pr: 25120
testing/web-platform/tests/css/css-backgrounds/border-radius-012-ref.html
testing/web-platform/tests/css/css-backgrounds/border-radius-012.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-radius-012-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<style>
+  .spacer { display:inline-block; width:20px; }
+</style>
+<p>There should be two good-looking arcs below.</p>
+<div style="font-size:40px; line-height:100px;">
+  <span style="border:20px solid; border-radius:40px; border-right:none; border-top-right-radius:0; border-bottom-right-radius:0;">
+    <span class="spacer"></span></span>
+  <br>
+  <span style="border:20px solid; border-radius:40px; border-left:none; border-top-left-radius:0; border-bottom-left-radius:0;">
+    <span class="spacer"></span></span>
+</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-radius-012.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-border-radius">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1119323">
+<link rel="match" href="border-radius-012-ref.html">
+<style>
+  .spacer { display:inline-block; width:20px; }
+</style>
+<p>There should be two good-looking arcs below.</p>
+<div style="font-size:40px; line-height:100px;">
+  <span style="border:20px solid; border-radius:40px;">
+    <span class="spacer"></span><br><span class="spacer"></span>
+  </span>
+</div>