Open Bug 1802763 Opened 3 years ago Updated 3 years ago

New wpt failures in /css/css-contain/container-queries/ [at-container-parsing.html, auto-scrollbars.html, container-for-shadow-dom.html, and 26 others]

Categories

(Core :: Layout, defect)

defect

Tracking

()

People

(Reporter: wpt-sync, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [wpt])

Syncing wpt PR 37138 found new untriaged test failures in CI

Tests Affected

Firefox-only failures

New Tests That Don't Pass

  • /css/css-contain/container-queries/at-container-parsing.html [wpt.fyi]
    • style(--my-prop: foo): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--my-prop: foo - bar ()): FAIL (Chrome: PASS, Safari: FAIL)
    • style(not ((--foo: calc(10px + 2em)) and ((--foo: url(x))))): FAIL (Chrome: PASS, Safari: FAIL)
    • style((--foo: bar) or (--bar: 10px)): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--my-prop:): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--my-prop: ): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--foo: bar !important): FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/auto-scrollbars.html [wpt.fyi]
    • Initial layout - expecting a scrollbar without overflowing content instead of overflowing content without a scrollbar: FAIL (Chrome: PASS, Safari: FAIL)
    • Same result after a reflow: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/container-inner-at-rules.html [wpt.fyi]
    • @property is defined regardless of evaluation: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/container-units-computational-independence.html [wpt.fyi]
    • Container relative unit cqw is not computationally independent: FAIL (Chrome: PASS, Safari: FAIL)
    • Container relative unit cqh is not computationally independent: FAIL (Chrome: PASS, Safari: FAIL)
    • Container relative unit cqi is not computationally independent: FAIL (Chrome: PASS, Safari: FAIL)
    • Container relative unit cqb is not computationally independent: FAIL (Chrome: PASS, Safari: FAIL)
    • Container relative unit cqmin is not computationally independent: FAIL (Chrome: PASS, Safari: FAIL)
    • Container relative unit cqmax is not computationally independent: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/container-units-svglength.html [wpt.fyi]
    • unitType with container-relative units: FAIL (Chrome: PASS, Safari: FAIL)
    • cqw,cqh can be resolved: FAIL (Chrome: PASS, Safari: FAIL)
    • cqi,cqb can be resolved: FAIL (Chrome: PASS, Safari: FAIL)
    • cqmin,cqmax can be resolved: FAIL (Chrome: PASS, Safari: FAIL)
    • calc() with container-relative units can be resolved: FAIL (Chrome: PASS, Safari: FAIL)
    • Can modify value with container-relative units: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Container Queries Test: container-relative units in SVGLength: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/container-units-typed-om.html [wpt.fyi]
    • CSS.cqw function: FAIL (Chrome: PASS, Safari: FAIL)
    • Reify value with cqw unit: FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqw unit (string): FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqw unit (CSS.cqw): FAIL (Chrome: PASS, Safari: FAIL)
    • CSS.cqh function: FAIL (Chrome: PASS, Safari: FAIL)
    • Reify value with cqh unit: FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqh unit (string): FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqh unit (CSS.cqh): FAIL (Chrome: PASS, Safari: FAIL)
    • CSS.cqi function: FAIL (Chrome: PASS, Safari: FAIL)
    • Reify value with cqi unit: FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqi unit (string): FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqi unit (CSS.cqi): FAIL (Chrome: PASS, Safari: FAIL)
    • CSS.cqb function: FAIL (Chrome: PASS, Safari: FAIL)
    • Reify value with cqb unit: FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqb unit (string): FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqb unit (CSS.cqb): FAIL (Chrome: PASS, Safari: FAIL)
    • CSS.cqmin function: FAIL (Chrome: PASS, Safari: FAIL)
    • Reify value with cqmin unit: FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqmin unit (string): FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqmin unit (CSS.cqmin): FAIL (Chrome: PASS, Safari: FAIL)
    • CSS.cqmax function: FAIL (Chrome: PASS, Safari: FAIL)
    • Reify value with cqmax unit: FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqmax unit (string): FAIL (Chrome: PASS, Safari: FAIL)
    • Set value with cqmax unit (CSS.cqmax): FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/custom-property-style-queries.html [wpt.fyi]
    • style(--inner: true): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner:true): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner:true ): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner: true ): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-no-space: true): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-no-space:true): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-no-space:true ): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-no-space: true ): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-space-after: true): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-space-after:true): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-space-after:true ): FAIL (Chrome: PASS, Safari: FAIL)
    • style(--inner-space-after: true ): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer: true): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer:true): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer:true ): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer: true ): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-no-space: true): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-no-space:true): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-no-space:true ): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-no-space: true ): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-space-after: true): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-space-after:true): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-space-after:true ): FAIL (Chrome: PASS, Safari: FAIL)
    • outer style(--outer-space-after: true ): FAIL (Chrome: PASS, Safari: FAIL)
    • Query custom property with !important declaration: FAIL (Chrome: PASS, Safari: FAIL)
    • Query custom property using var(): FAIL (Chrome: PASS, Safari: FAIL)
    • Query custom property including unknown var() reference: FAIL (Chrome: PASS, Safari: FAIL)
    • Query custom property including unknown var() reference with non-matching fallback: FAIL (Chrome: PASS, Safari: FAIL)
    • Query custom property including unknown var() reference with matching fallback: FAIL (Chrome: PASS, Safari: FAIL)
    • Query custom property matching guaranteed-invalid values: FAIL (Chrome: PASS, Safari: FAIL)
    • Style query 'initial' matching: FAIL (Chrome: PASS, Safari: FAIL)
    • Style query 'initial' not matching: FAIL (Chrome: PASS, Safari: FAIL)
    • Style query 'inherit' matching: FAIL (Chrome: PASS, Safari: FAIL)
    • Style query 'inherit' not matching: FAIL (Chrome: PASS, Safari: FAIL)
    • Style query 'unset' matching: FAIL (Chrome: PASS, Safari: FAIL)
    • Style query 'unset' not matching: FAIL (Chrome: PASS, Safari: FAIL)
    • Match registered <length> custom property with px.: FAIL (Chrome: PASS, Safari: FAIL)
    • Match registered <length> custom property with em in query.: FAIL (Chrome: PASS, Safari: FAIL)
    • Match registered <length> custom property with em in computed value.: FAIL (Chrome: PASS, Safari: FAIL)
    • Match registered <length> custom property with cqi unit.: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/custom-property-style-query-change.html [wpt.fyi]
    • Target child: FAIL (Chrome: PASS, Safari: FAIL)
    • Target grandchild: FAIL (Chrome: PASS, Safari: FAIL)
    • Registered property query child: FAIL (Chrome: PASS, Safari: FAIL)
    • Registered property query grandchild: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/font-relative-units-dynamic.html [wpt.fyi]
    • lh units respond to changes: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/percentage-padding-orthogonal.html [wpt.fyi]
    • #container height measured with 500px width. Both container children visible: FAIL (Chrome: PASS, Safari: FAIL)
    • #container width 400px after padding is applied.: FAIL (Chrome: PASS, Safari: FAIL)
    • #container width 400px after padding is applied. #second is removed from the rendering: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/pseudo-elements-005.html [wpt.fyi]
    • ::before pseudo element querying style() of originating element: FAIL (Chrome: PASS, Safari: FAIL)
    • ::before pseudo element matching style() query after class change: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-contain/container-queries/query-content-box.html [wpt.fyi]
    • Size queries with content-box sizing and overflow:scroll: FAIL (Chrome: PASS, Safari: FAIL)
    • Size queries with border-box sizing and overflow:scroll: FAIL (Chrome: PASS, Safari: FAIL)

CI Results

Gecko CI (Treeherder)
GitHub PR Head

Notes

These updates will be on mozilla-central once bug 1802680 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.

Severity: -- → S4
You need to log in before you can comment on or make changes to this bug.