[wpt-sync] Sync PR 51487 - Corner-shape: fix border thickness for high curvature
Categories
(Core :: CSS Parsing and Computation, task, P4)
Tracking
()
Tracking | Status | |
---|---|---|
firefox138 | --- | fixed |
People
(Reporter: wpt-sync, Unassigned)
References
()
Details
(Whiteboard: [wptsync downstream])
Sync web-platform-tests PR 51487 into mozilla-central (this bug is closed when the sync is complete).
PR: https://github.com/web-platform-tests/wpt/pull/51487
Details from upstream follow.
Noam Rosenthal <nrosenthal@chromium.org> wrote:
Corner-shape: fix border thickness for high curvature
When curvature is very high (>2) or very low (\<0.5),
we can no longer adjust the offset. Instead, to create
an effect that makes the thickness consistent, we adjust
the curvature of the target corner upwards, to the point
in which the mid-point has the desired length.Bug: 399449172
Change-Id: I7285bccaa48664179f39c44ebac562514a306e1e
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6372625
Commit-Queue: Noam Rosenthal \<nrosenthal@chromium.org>
Reviewed-by: Fredrik Söderquist \<fs@opera.com>
Cr-Commit-Position: refs/heads/main@{#1435336}
Assignee | ||
Comment 1•1 month ago
|
||
Assignee | ||
Updated•1 month ago
|
Assignee | ||
Comment 2•1 month ago
|
||
Assignee | ||
Comment 3•1 month ago
|
||
CI Results
Ran 0 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI
Total 24 tests
Status Summary
Firefox
PASS
: 4
FAIL
: 20
Chrome
PASS
: 21
FAIL
: 3
Safari
PASS
: 4
FAIL
: 20
Links
Details
New Tests That Don't Pass
- /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-bottom-right-shape=bevel&border-width=10px&border-radius=20px [wpt.fyi]:
FAIL
(Chrome:FAIL
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-shape=squircle&border-radius=25%&border-width=20px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-shape=squircle&border-top-right-radius=30px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-bottom-left-shape=bevel&border-width=10px&border-radius=20px [wpt.fyi]:
FAIL
(Chrome:FAIL
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-shape=superellipse(5.2)&border-radius=40% [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-shape=squircle&border-radius=50% [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=bevel&border-radius=40px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-shape=squircle&border-top-left-radius=30% [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-bottom-left-shape=bevel&border-bottom-left-radius=30px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=bevel&border-radius=40px&border-width=10px [wpt.fyi]:
FAIL
(Chrome:FAIL
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-shape=superellipse(8)&border-top-right-radius=33px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=superellipse(0.3)&border-radius=40% [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=superellipse(1.2)&border-radius=40px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-right-shape=superellipse(0.1)&border-top-right-radius=50px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=superellipse(0.8)&border-radius=40px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-bottom-right-shape=superellipse(1.9)&border-bottom-right-radius=50% [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=scoop&border-radius=40px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=scoop&corner-top-right-shape=scoop&border-radius=50% [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=superellipse(0.2)&border-radius=40px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-borders/tentative/corner-shape/corner-shape-any.html?corner-top-left-shape=superellipse(6)&border-radius=20%&border-width=10px [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
)
Comment 5•1 month ago
|
||
bugherder |
https://hg.mozilla.org/mozilla-central/rev/2d714b62b0e1
https://hg.mozilla.org/mozilla-central/rev/caa823a4a88d
Description
•