Closed Bug 1830960 Opened 2 years ago Closed 2 years ago

[wpt-sync] Sync PR 39808 - Implement parsing for scroll-start longhands

Categories

(Core :: CSS Parsing and Computation, task, P4)

Product:
Core
Component:
CSS Parsing and Computation
Type:
task

Tracking

()

Status:
RESOLVED FIXED
Milestone:
115 Branch
Tracking Flags:
Tracking Status
firefox115 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

Sync web-platform-tests PR 39808 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/39808
Details from upstream follow.

David Awogbemila <awogbemila@chromium.org> wrote:

Implement parsing for scroll-start longhands

scroll-start is currently part of the scroll-snap-2 spec[1].

scroll-start allows a scroller's starting position to be specified via
CSS but takes lower priority than relevant scroll-snap-* properties.

[1] https://drafts.csswg.org/css-scroll-snap-2/#scroll-start

Bug: 1439807
Change-Id: I9c13e430ce60184a3c8911538a5c2b2c5bf00351
Reviewed-on: https://chromium-review.googlesource.com/4498785
WPT-Export-Revision: aec6e72960cc26750f47945c20fefec20047c60d

Component: web-platform-tests → CSS Parsing and Computation
Product: Testing → Core
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]

CI Results

Ran 9 Firefox configurations based on mozilla-central, and Chrome, and Safari on GitHub CI

Total 3 tests and 44 subtests

Status Summary

Firefox

OK : 3
PASS: 16
FAIL: 96

Chrome

OK : 3
PASS: 16
FAIL: 96

Safari

OK : 3
PASS: 16
FAIL: 96

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-scroll-snap-2/parsing/scroll-start-computed.html [wpt.fyi]
    • Property scroll-start-block value '100px': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value '50%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'start': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'center': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'end': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'top': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'bottom': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'left': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'right': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'auto': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-block value 'calc(-1px)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value '100px': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value '50%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'start': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'center': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'end': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'top': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'bottom': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'left': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'right': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'auto': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-inline value 'calc(-1px)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value '100px': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value '50%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'start': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'center': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'end': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'top': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'bottom': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'left': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'right': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'auto': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-x value 'calc(-1px)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value '100px': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value '50%': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'start': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'center': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'end': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'top': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'bottom': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'left': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'right': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'auto': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property scroll-start-y value 'calc(-1px)': FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-block maps to scroll-start-y in horizontal writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-inline maps to scroll-start-x in horizontal writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-x maps to scroll-start-inline in horizontal writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-y maps to scroll-start-block in horizontal writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-block maps to scroll-start-x in vertical writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-inline maps to scroll-start-y in vertical writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-x maps to scroll-start-block in vertical writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
    • scroll-start-y maps to scroll-start-inline in vertical writing mode.: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-scroll-snap-2/parsing/scroll-start-valid.html [wpt.fyi]
    • e.style['scroll-start-block'] = "100px" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "50%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "start" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "center" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "end" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "top" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "bottom" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "left" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "right" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-block'] = "calc(-1px)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "100px" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "50%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "start" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "center" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "end" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "top" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "bottom" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "left" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "right" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-inline'] = "calc(-1px)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "100px" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "50%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "start" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "center" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "end" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "top" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "bottom" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "left" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "right" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-x'] = "calc(-1px)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "100px" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "50%" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "start" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "center" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "end" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "top" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "bottom" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "left" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "right" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "auto" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['scroll-start-y'] = "calc(-1px)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/0560c312a841 [wpt PR 39808] - [scroll-start] Implement parsing for scroll-start longhands, a=testonly https://hg.mozilla.org/integration/autoland/rev/08c72908be62 [wpt PR 39808] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/0560c312a841
https://hg.mozilla.org/mozilla-central/rev/08c72908be62

Status: NEW → RESOLVED
Closed: 2 years ago
status-firefox115: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 115 Branch
You need to log in before you can comment on or make changes to this bug.