1918353 - [css-conditional] implement scroll state containment features (stuck, snapped, overflowing)

Status: NEW

(Core :: CSS Parsing and Computation, enhancement, P3)

Description

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Syncing wpt PR 48116 found new untriaged test failures in CI

Tests Affected

New Tests That Don't Pass

• /css/css-conditional/container-queries/at-container-snapped-parsing.html [wpt.fyi]
  • scroll-state(snapped): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(snapped: x): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(snapped: y): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(snapped: none): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(snapped: block): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(snapped: inline): FAIL (Chrome: PASS, Safari: FAIL)
  • (scroll-state(snapped: block)): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state((snapped: inline)): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(not ((snapped: inline) and (snapped: block))): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state((snapped: x) or (snapped: y)): FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/at-container-snapped-serialization.html [wpt.fyi]
  • Normalize spaces: FAIL (Chrome: PASS, Safari: FAIL)
  • Boolean context: FAIL (Chrome: PASS, Safari: FAIL)
  • Logical with 'or': FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/at-container-stuck-parsing.html [wpt.fyi]
  • scroll-state(stuck): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(stuck: none): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(stuck: top): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(stuck: left): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(stuck: bottom): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(stuck: right): FAIL (Chrome: PASS, Safari: FAIL)
  • (scroll-state(stuck: top)): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state((stuck: top)): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state(not ((stuck: top) and (stuck: bottom))): FAIL (Chrome: PASS, Safari: FAIL)
  • scroll-state((stuck: right) or (stuck: left)): FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/at-container-stuck-serialization.html [wpt.fyi]
  • Normalize spaces: FAIL (Chrome: PASS, Safari: FAIL)
  • Boolean context: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/container-type-scroll-state-computed.html [wpt.fyi]
  • Property container-type value 'scroll-state': FAIL (Chrome: PASS, Safari: FAIL)
  • Property container-type value 'scroll-state size': FAIL (Chrome: PASS, Safari: FAIL)
  • Property container-type value 'inline-size scroll-state': FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/container-type-scroll-state-parsing.html [wpt.fyi]
  • e.style['container-type'] = "scroll-state" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
  • e.style['container-type'] = "size scroll-state" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
  • e.style['container-type'] = "scroll-state inline-size" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/scroll-state-initially-snapped.html [wpt.fyi]
  • Check that scroll-state(snapped: block) matches: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/scroll-state-initially-stuck.html [wpt.fyi]
  • Check that scroll-state(stuck: bottom) matches: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/scroll-state-snapped-change.html [wpt.fyi]
  • Check that scroll-state(snapped: block) matches on #target1 before scroll: FAIL (Chrome: PASS, Safari: FAIL)
  • Check that scroll-state(snapped: block) matches on #target2 after scroll: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/scroll-state-snapped-container-type-change.html [wpt.fyi]
  • Check scroll-state(snapped) initially matching: FAIL (Chrome: PASS, Safari: FAIL)
  • Check scroll-state(snapped) not matching when scroll-snap-align is removed: FAIL (Chrome: PASS, Safari: FAIL)
  • Check scroll-state(snapped) not matching when scroll-snap-type is removed: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/scroll-state-snapped-snap-changing.html [wpt.fyi]
  • Initially snapped to #snapped1, scroll-state() styling #target1: FAIL (Chrome: PASS, Safari: FAIL)
• /css/css-conditional/container-queries/scroll-state-snapped-wm.html [wpt.fyi]
  • Check scroll-state(snapped) matching for vertical writing-mode: FAIL (Chrome: PASS, Safari: FAIL)

CI Results

Gecko CI (Treeherder)
GitHub PR Head

Notes

These updates will be on mozilla-central once bug 1918332 lands.

Note: this bug is for tracking fixing the issues and is not
owned by the wpt sync bot.

This bug is linked to the relevant tests by an annotation in
https://github.com/web-platform-tests/wpt-metadata. These annotations
can be edited using the wpt interop dashboard
https://jgraham.github.io/wptdash/

If this bug is split into multiple bugs, please also update the
annotations, otherwise we are unable to track which wpt issues are
already triaged. Resolving as duplicate or closing this issue should
be cause the bot to automatically update or remove the annotation.