[wpt-sync] Sync PR 62819 - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=324646
Categories
(Core :: CSS Parsing and Computation, task, P4)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox162 | --- | fixed |
People
(Reporter: wpt-sync, Unassigned)
References
(Blocks 1 open bug, )
Details
(Whiteboard: [wptsync downstream])
Sync web-platform-tests PR 62819 into mozilla-central (this bug is closed when the sync is complete).
PR: https://github.com/web-platform-tests/wpt/pull/62819
Details from upstream follow.
lilly <173393835+cupidsity@users.noreply.github.com> wrote:
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=324646
WebKit export from bug: [corner-shape] clip-path with a <geometry-box> ignores corner-shape
| Assignee | ||
Updated•1 month ago
|
| Assignee | ||
Updated•5 days ago
|
| Assignee | ||
Updated•3 days ago
|
| Assignee | ||
Comment 1•3 days ago
|
||
Pushed to try (stability) https://treeherder.mozilla.org/jobs?repo=try&landoInstance=lando-prod-2025&landoCommitID=118354
| Assignee | ||
Comment 2•3 days ago
|
||
CI Results
Ran 11 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI
Total 177 tests
Status Summary
Firefox
OK : 19
PASS: 1[Gecko-linux2204-64-wayland-debug, Gecko-linux2204-64-wayland-opt] 878[Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt] 976[Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt]
FAIL: 1[GitHub] 107[Gecko-windows11-32-25h2-debug, Gecko-windows11-32-25h2-opt] 166[Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt, Gecko-windows11-64-25h2-debug, Gecko-windows11-64-25h2-opt]
Chrome
PASS: 1
Safari
FAIL: 1
Links
Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base
Details
New Tests That Don't Pass
- /css/css-borders/corner-shape/corner-block-start-computed.html [wpt.fyi]
- Property corner-block-start value '0px round':
FAIL - Property corner-block-start value '10px bevel':
FAIL - Property corner-block-start value 'normal / 2px round':
FAIL - Property corner-block-start value '4px 2% squircle / 1em scoop':
FAIL
- Property corner-block-start value '0px round':
- /css/css-borders/corner-shape/corner-block-start-valid.html [wpt.fyi]
- e.style['corner-block-start'] = "10px bevel" should set the property value:
FAIL - e.style['corner-block-start'] = "round 10% / 2rem squircle" should set the property value:
FAIL - e.style['corner-block-start'] = "normal" should set the property value:
FAIL - e.style['corner-block-start'] = "4px 2% round / bevel 1em" should set the property value:
FAIL - e.style['corner-block-start'] = "10px bevel" should set border-start-end-radius:
FAIL - e.style['corner-block-start'] = "10px bevel" should set border-start-start-radius:
FAIL - e.style['corner-block-start'] = "10px bevel" should set corner-start-end-shape:
FAIL - e.style['corner-block-start'] = "10px bevel" should set corner-start-start-shape:
FAIL - e.style['corner-block-start'] = "10px bevel" should not set unrelated longhands:
FAIL - e.style['corner-block-start'] = "4px 2% round / 1em bevel" should set border-start-end-radius:
FAIL - e.style['corner-block-start'] = "4px 2% round / 1em bevel" should set border-start-start-radius:
FAIL - e.style['corner-block-start'] = "4px 2% round / 1em bevel" should set corner-start-end-shape:
FAIL - e.style['corner-block-start'] = "4px 2% round / 1em bevel" should set corner-start-start-shape:
FAIL - e.style['corner-block-start'] = "4px 2% round / 1em bevel" should not set unrelated longhands:
FAIL
- e.style['corner-block-start'] = "10px bevel" should set the property value:
- /css/css-borders/corner-shape/corner-block-start-writing-modes.html [wpt.fyi]
- corner-block-start in horizontal-tb ltr:
FAIL - corner-block-start in horizontal-tb rtl:
FAIL - corner-block-start in vertical-rl ltr:
FAIL
- corner-block-start in horizontal-tb ltr:
- /css/css-borders/corner-shape/corner-computed.html [wpt.fyi]
- Property corner value '0px round':
FAIL - Property corner value 'normal':
FAIL - Property corner value 'round 0rem':
FAIL - Property corner value 'round 0%':
FAIL - Property corner value '4px 5% round':
FAIL - Property corner value 'scoop 100%':
FAIL - Property corner value '30px superellipse(0.4)':
FAIL - Property corner value ' 3% 5rem superellipse(0.4)':
FAIL - Property corner value '8px round / 10% bevel':
FAIL - Property corner value '10px 10% round / 10px 20% bevel / 16px round':
FAIL - Property corner value '10px round / 33% superellipse(0.4) / superellipse(2) 6%/ 4px 12px scoop':
FAIL - Property corner value '4px round':
FAIL - Property corner value '2% notch':
FAIL - Property corner value '4px round / 2% notch':
FAIL - Property corner value '4px round / 2% round / 1em squircle':
FAIL - Property corner value '4px round / normal / 1em round / 4% round':
FAIL - Property corner value '4px superellipse(3) / 2px superellipse(-0.3)':
FAIL - Property corner value '2% superellipse(1) / 2px superellipse(-1)':
FAIL - Property corner value '4px 2% squircle / round 2px':
FAIL - Property corner value '4px bevel / superellipse(-3) 1em / 2px notch':
FAIL - Property corner value '4px bevel / superellipse(-3) 1em / 2px notch / normal':
FAIL - Property corner value '4px superellipse(5) / notch 1em / 2px 13% round / bevel 10px':
FAIL - Property corner value '0px notch':
FAIL - Property corner value '0px superellipse(1)':
FAIL
- Property corner value '0px round':
- /css/css-borders/corner-shape/corner-shape-hittest.html [wpt.fyi]
- CSS Borders and Box Decorations 4 Test: Hit testing 'corner-shape':
FAIL
- CSS Borders and Box Decorations 4 Test: Hit testing 'corner-shape':
- /css/css-borders/corner-shape/corner-shape-outside-left.html [wpt.fyi]
- corner-shape: notch with shape-outside:
FAIL - corner-shape: bevel with shape-outside:
FAIL - corner-shape: notch bevel with shape-outside:
FAIL - corner-shape: square with shape-outside:
FAIL - corner-shape: scoop with shape-outside:
FAIL - corner-shape: superellipse(1.5) with shape-outside:
FAIL - corner-shape: superellipse(-.8) with shape-outside:
FAIL
- corner-shape: notch with shape-outside:
- /css/css-borders/corner-shape/corner-shape-outside-right.html [wpt.fyi]
- corner-shape: notch with shape-outside:
FAIL - corner-shape: bevel with shape-outside:
FAIL - corner-shape: notch bevel with shape-outside:
FAIL - corner-shape: square with shape-outside:
FAIL - corner-shape: scoop with shape-outside:
FAIL - corner-shape: superellipse(1.5) with shape-outside:
FAIL - corner-shape: superellipse(-.8) with shape-outside:
FAIL
- corner-shape: notch with shape-outside:
- /css/css-borders/corner-shape/corner-top-computed.html [wpt.fyi]
- Property corner-top value '0px round':
FAIL - Property corner-top value '10px bevel':
FAIL - Property corner-top value 'normal / 2px round':
FAIL - Property corner-top value '4px 2% squircle / 1em scoop':
FAIL
- Property corner-top value '0px round':
- /css/css-borders/corner-shape/corner-top-left-computed.html [wpt.fyi]
- Property corner-top-left value '0px round':
FAIL - Property corner-top-left value 'normal':
FAIL - Property corner-top-left value '4px round':
FAIL - Property corner-top-left value '2% notch':
FAIL - Property corner-top-left value '4px 2% squircle':
FAIL - Property corner-top-left value 'superellipse(-0.5) 30% 10px':
FAIL
- Property corner-top-left value '0px round':
- /css/css-borders/corner-shape/corner-top-left-valid.html [wpt.fyi]
- e.style['corner-top-left'] = "round 30%" should set the property value:
FAIL - e.style['corner-top-left'] = "10px bevel" should set the property value:
FAIL - e.style['corner-top-left'] = "normal" should set the property value:
FAIL - e.style['corner-top-left'] = "4px 2% round" should set the property value:
FAIL - e.style['corner-top-left'] = "superellipse(-0.5) 30% 10px" should set the property value:
FAIL - e.style['corner-top-left'] = "10px bevel" should set border-top-left-radius:
FAIL - e.style['corner-top-left'] = "10px bevel" should set corner-top-left-shape:
FAIL - e.style['corner-top-left'] = "10px bevel" should not set unrelated longhands:
FAIL - e.style['corner-top-left'] = "normal" should set border-top-left-radius:
FAIL - e.style['corner-top-left'] = "normal" should set corner-top-left-shape:
FAIL - e.style['corner-top-left'] = "normal" should not set unrelated longhands:
FAIL
- e.style['corner-top-left'] = "round 30%" should set the property value:
- /css/css-borders/corner-shape/corner-top-valid.html [wpt.fyi]
- e.style['corner-top'] = "10px bevel" should set the property value:
FAIL - e.style['corner-top'] = "round 10% / 2rem squircle" should set the property value:
FAIL - e.style['corner-top'] = "normal" should set the property value:
FAIL - e.style['corner-top'] = "4px 2% round / bevel 1em" should set the property value:
FAIL - e.style['corner-top'] = "10px bevel" should set border-top-left-radius:
FAIL - e.style['corner-top'] = "10px bevel" should set border-top-right-radius:
FAIL - e.style['corner-top'] = "10px bevel" should set corner-top-left-shape:
FAIL - e.style['corner-top'] = "10px bevel" should set corner-top-right-shape:
FAIL - e.style['corner-top'] = "10px bevel" should not set unrelated longhands:
FAIL - e.style['corner-top'] = "4px 2% round / 1em bevel" should set border-top-left-radius:
FAIL - e.style['corner-top'] = "4px 2% round / 1em bevel" should set border-top-right-radius:
FAIL - e.style['corner-top'] = "4px 2% round / 1em bevel" should set corner-top-left-shape:
FAIL - e.style['corner-top'] = "4px 2% round / 1em bevel" should set corner-top-right-shape:
FAIL - e.style['corner-top'] = "4px 2% round / 1em bevel" should not set unrelated longhands:
FAIL
- e.style['corner-top'] = "10px bevel" should set the property value:
- /css/css-borders/corner-shape/corner-valid.html [wpt.fyi]
- e.style['corner'] = "round 30%" should set the property value:
FAIL - e.style['corner'] = "10px bevel" should set the property value:
FAIL - e.style['corner'] = "round 10% / 2rem squircle" should set the property value:
FAIL - e.style['corner'] = "notch 10px / squircle 30% 10px / 1rem bevel / 2px round" should set the property value:
FAIL - e.style['corner'] = "normal" should set the property value:
FAIL - e.style['corner'] = "4px 2% round" should set the property value:
FAIL - e.style['corner'] = "4px 2% round / bevel 1em / normal" should set the property value:
FAIL - e.style['corner'] = "normal / 1px round / normal / 3% squircle" should set the property value:
FAIL - e.style['corner'] = "normal / superellipse(-0.5) 30% 10px / 10px 1rem notch" should set the property value:
FAIL - e.style['corner'] = "0px notch" should set the property value:
FAIL - e.style['corner'] = "0px superellipse(1)" should set the property value:
FAIL - e.style['corner'] = "0px round" should set the property value:
FAIL
- e.style['corner'] = "round 30%" should set the property value:
- /css/css-borders/corner-shape/corner-shape-bevel-overflow.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-box-shadow-spread-bevel.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-box-shadow-spread-elliptical.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-clip-path-border-box.html [wpt.fyi]:
FAIL(Chrome:PASS, Safari:FAIL) - /css/css-borders/corner-shape/corner-shape-iframe-border.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-img-border.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-inset-shadow.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-offset-path-coord-box-001.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-offset-path-coord-box-002.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-outline-auto-002.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-outline-auto-003.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-outline-offset-bevel.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-outline-offset-elliptical.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-svg-border.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shape-video-border.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/corner-shorthand-rendering.html [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-2&border-top-left-radius=100%&border-width=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?width=50&height=30&border-radius=5&corner-shape=1&shadow-spread=50 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0.5&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=1&border-top-right-radius=40,60&shadow-spread=90&clip-path=margin-box&margin-top=30&margin-right=-20&border-width=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=80,40&corner-top-right-shape=-1.5&shadow-spread=60&clip-path=margin-box&margin-top=-10&margin-right=45 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-1&border-top-right-radius=100%&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-3&border-top-right-radius=100%,50&border-width=10&border-top-width=40 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-radius=10,50%&corner-shape=0&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=2&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0.7&border-top-right-radius=40,60&shadow-spread=90&clip-path=margin-box&margin-top=30&margin-right=-20&border-width=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=80,40&corner-shape=0.7&shadow-spread=90&clip-path=margin-box&margin-top=0&margin-right=65&border-width=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?width=50&height=30&border-radius=5&corner-shape=2&shadow-spread=50 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0.2&border-top-left-radius=50%&border-bottom-left-radius=50%&border-left-width=40&shadow-position=inset&shadow-offset-x=40 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=100%&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-0.5&border-top-right-radius=100%,50&border-width=10&border-top-width=40 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=2&border-top-right-radius=100%&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-0.5&border-top-right-radius=100%&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=80,40&corner-top-right-shape=-1.5&shadow-spread=60&clip-path=margin-box&margin-top=15&margin-right=45 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-0.5&border-top-left-radius=100%&border-width=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=100&corner-top-right-shape=0&shadow-spread=50&clip-path=margin-box&margin-top=30 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=100&corner-top-right-shape=0&shadow-spread=50&clip-path=margin-box&margin-top=-10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-2&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0.5&border-top-left-radius=100%&border-width=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&shadow-spread=30&border-radius=50&clip-path=margin-box&margin=5&margin-top=20&margin-bottom=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=100&shadow-spread=50&clip-path=margin-box&margin-top=-10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-radius=20,40&corner-shape=-0.5&shadow-spread=40 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-1&border-top-left-radius=100%&border-width=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=80,40&corner-shape=0.7&shadow-spread=90&clip-path=margin-box&margin-top=-10&margin-right=65&border-width=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=80,40&corner-shape=0.7&shadow-spread=90&clip-path=margin-box&margin-top=20&margin-right=65&border-width=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0&border-top-right-radius=100%&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-0.5&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0&border-top-left-radius=100%&border-width=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=1&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0&border-top-left-radius=50%&border-bottom-left-radius=50%&border-left-width=40&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=30,60&corner-top-right-shape=-0.7&shadow-spread=60&clip-path=margin-box&margin-top=-10&margin-right=45 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?border-top-right-radius=80,40&shadow-spread=60&clip-path=margin-box&margin-top=-10&margin-right=45 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&border-width=20&shadow-spread=20&border-radius=50 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=2&border-top-left-radius=100%&border-width=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=0.5&border-top-right-radius=100%&shadow-position=inset&shadow-spread=20 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-shape=-1&border-top-right-radius=100%&border-top-width=20&border-bottom-width=20&shadow-position=inset&shadow-spread=10 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&border-top-width=5&border-right-width=20&border-left-width=20&border-radius=50 [wpt.fyi]:
FAIL - /css/css-borders/corner-shape/render-corner-shape.html?width=50&height=30&corner-top-left-shape=0&corner-top-right-shape=notch&corner-bottom-right-shape=2&corner-bottom-left-shape=-1&shadow-spread=50&border-radius=5 [wpt.fyi]:
FAIL
Comment 4•11 hours ago
|
||
| bugherder | ||
https://hg.mozilla.org/mozilla-central/rev/f5ba59a07a7d
https://hg.mozilla.org/mozilla-central/rev/4a75fd386196
Description
•