Open
Bug 1905350
Opened 9 months ago
Updated 7 months ago
New wpt failures in /css/css-conditional/container-queries/ [at-container-style-parsing.html, at-container-style-serialization.html, container-for-shadow-dom.html, and 28 others]
Categories
(Core :: CSS Parsing and Computation, defect)
Core
CSS Parsing and Computation
Tracking
()
NEW
People
(Reporter: wpt-sync, Unassigned)
References
(Blocks 1 open bug)
Details
(Whiteboard: [wpt])
Syncing wpt PR 46928 found new untriaged test failures in CI
Tests Affected
Firefox-only failures
- /css/css-conditional/container-queries/at-container-style-parsing.html [wpt.fyi]
- style(--my-prop: foo):
FAIL
- style(--my-prop: foo - bar ()):
FAIL
- style(not ((--foo: calc(10px + 2em)) and ((--foo: url(x))))):
FAIL
- style((--foo: bar) or (--bar: 10px)):
FAIL
- style(--my-prop:):
FAIL
- style(--my-prop: ):
FAIL
- style(--foo: bar !important):
FAIL
- style(--foo):
FAIL
- style(--my-prop: foo):
- /css/css-conditional/container-queries/at-container-style-serialization.html [wpt.fyi]
- Normalize spaces:
FAIL
- Empty declaration value - spaces:
FAIL
- Empty declaration value:
FAIL
- No declaration value:
FAIL
- Unknown CSS property after 'or':
FAIL
- Original string number in custom property value:
FAIL
- Normalize spaces:
- /css/css-conditional/container-queries/container-for-shadow-dom.html [wpt.fyi]
- Container name set inside a shadow tree should not match query for host child on the outside:
FAIL
- Container name set on :host from inside a shadow tree not matching query for slotted from the outside of the shadow tree:
FAIL
- Container name set inside a shadow tree should not match query for host child on the outside:
- /css/css-conditional/container-queries/container-name-tree-scoped.html [wpt.fyi]
- Outer scope query should not match container-name set by :host rule in shadow tree:
FAIL
- Outer scope query should not match container-name set by ::slotted rule in shadow tree:
FAIL
- Outer scope query should not match container-name set by :host rule in shadow tree:
- /css/css-conditional/container-queries/container-selection-unknown-features.html [wpt.fyi]
- width query with (foo: bar):
FAIL
- width query with foo(bar):
FAIL
- width query with (foo: bar):
- /css/css-conditional/container-queries/container-units-computational-independence.html [wpt.fyi]
- Container relative unit cqw is not computationally independent:
FAIL
- Container relative unit cqh is not computationally independent:
FAIL
- Container relative unit cqi is not computationally independent:
FAIL
- Container relative unit cqb is not computationally independent:
FAIL
- Container relative unit cqmin is not computationally independent:
FAIL
- Container relative unit cqmax is not computationally independent:
FAIL
- Container relative unit cqw is not computationally independent:
- /css/css-conditional/container-queries/container-units-typed-om.html [wpt.fyi]
- CSS.cqw function:
FAIL
- Reify value with cqw unit:
FAIL
- Set value with cqw unit (string):
FAIL
- Set value with cqw unit (CSS.cqw):
FAIL
- CSS.cqh function:
FAIL
- Reify value with cqh unit:
FAIL
- Set value with cqh unit (string):
FAIL
- Set value with cqh unit (CSS.cqh):
FAIL
- CSS.cqi function:
FAIL
- Reify value with cqi unit:
FAIL
- Set value with cqi unit (string):
FAIL
- Set value with cqi unit (CSS.cqi):
FAIL
- CSS.cqb function:
FAIL
- Reify value with cqb unit:
FAIL
- Set value with cqb unit (string):
FAIL
- Set value with cqb unit (CSS.cqb):
FAIL
- CSS.cqmin function:
FAIL
- Reify value with cqmin unit:
FAIL
- Set value with cqmin unit (string):
FAIL
- Set value with cqmin unit (CSS.cqmin):
FAIL
- CSS.cqmax function:
FAIL
- Reify value with cqmax unit:
FAIL
- Set value with cqmax unit (string):
FAIL
- Set value with cqmax unit (CSS.cqmax):
FAIL
- CSS.cqw function:
- /css/css-conditional/container-queries/custom-property-style-queries.html [wpt.fyi]
- style(--inner: true):
FAIL
- style(--inner:true):
FAIL
- style(--inner:true ):
FAIL
- style(--inner: true ):
FAIL
- style(--inner-no-space: true):
FAIL
- style(--inner-no-space:true):
FAIL
- style(--inner-no-space:true ):
FAIL
- style(--inner-no-space: true ):
FAIL
- style(--inner-space-after: true):
FAIL
- style(--inner-space-after:true):
FAIL
- style(--inner-space-after:true ):
FAIL
- style(--inner-space-after: true ):
FAIL
- outer style(--outer: true):
FAIL
- outer style(--outer:true):
FAIL
- outer style(--outer:true ):
FAIL
- outer style(--outer: true ):
FAIL
- outer style(--outer-no-space: true):
FAIL
- outer style(--outer-no-space:true):
FAIL
- outer style(--outer-no-space:true ):
FAIL
- outer style(--outer-no-space: true ):
FAIL
- outer style(--outer-space-after: true):
FAIL
- outer style(--outer-space-after:true):
FAIL
- outer style(--outer-space-after:true ):
FAIL
- outer style(--outer-space-after: true ):
FAIL
- Query custom property with !important declaration:
FAIL
- Query custom property using var():
FAIL
- Query custom property including unknown var() reference:
FAIL
- Query custom property including unknown var() reference with non-matching fallback:
FAIL
- Query custom property including unknown var() reference with matching fallback:
FAIL
- Query custom property matching guaranteed-invalid values:
FAIL
- Style query 'initial' matching:
FAIL
- Style query matching negated value-less query against initial value:
FAIL
- Style query 'initial' not matching:
FAIL
- Style query matching value-less query against non-initial value:
FAIL
- Style query 'initial' matching (with explicit 'initial' value):
FAIL
- Style query matching negated value-less query against initial value (with explicit 'initial' value):
FAIL
- Style query 'space' matching:
FAIL
- Style query 'space' not matching:
FAIL
- Style query 'inherit' matching:
FAIL
- Style query 'inherit' not matching:
FAIL
- Style query 'unset' matching:
FAIL
- Style query 'unset' not matching:
FAIL
- Match registered <length> custom property with px.:
FAIL
- Match registered <length> custom property with px via initial keyword.:
FAIL
- Match registered <length> custom property with em in query.:
FAIL
- Match registered <length> custom property with em in computed value.:
FAIL
- Match registered <length> custom property with cqi unit.:
FAIL
- Match registered <length> custom property with initial value.:
FAIL
- Match registered <length> custom property with initial value via initial keyword.:
FAIL
- Should only match exact string for numbers in non-registered custom properties:
FAIL
- Spaces should not collapse in non-registered custom properties:
FAIL
- style(--inner: true):
- /css/css-conditional/container-queries/custom-property-style-query-change.html [wpt.fyi]
- Target child:
FAIL
- Target grandchild:
FAIL
- Registered property query child:
FAIL
- Registered property query grandchild:
FAIL
- Target child:
- /css/css-conditional/container-queries/display-contents-dynamic-style-queries.html [wpt.fyi]
- After display and --foo changes, style() query causes the color to be green:
FAIL
- After display and --foo changes, style() query causes the color to be green:
- /css/css-conditional/container-queries/display-none.html [wpt.fyi]
- getComputedStyle when intermediate ancestor is display:none:
FAIL
- getComputedStyle when display:none inner container has forced style:
FAIL
- getComputedStyle when intermediate ancestor is display:none:
- /css/css-conditional/container-queries/font-relative-units-dynamic.html [wpt.fyi]
- rex units respond to changes:
FAIL
- rch units respond to changes:
FAIL
- ric units respond to changes:
FAIL
- rex units respond to changes:
- /css/css-conditional/container-queries/font-relative-units.html [wpt.fyi]
- rex relative inline-size:
FAIL
- rch relative inline-size:
FAIL
- ric relative inline-size:
FAIL
- rcap relative inline-size:
FAIL
- rex relative inline-size:
- /css/css-conditional/container-queries/nested-query-containers.html [wpt.fyi]
- test5 - inline - 0b100:
FAIL
- test5 - inline - 0b100:
- /css/css-conditional/container-queries/nested-size-style-container-invalidation.html [wpt.fyi]
- Green after reducing width:
FAIL
- Green after reducing width:
- /css/css-conditional/container-queries/pseudo-elements-005.html [wpt.fyi]
- ::before pseudo element querying style() of originating element:
FAIL
- ::before pseudo element querying style() of originating element:
- /css/css-conditional/container-queries/query-evaluation-style.html [wpt.fyi]
- style((--foo: bar)):
FAIL
- style(not (--baz: qux)):
FAIL
- style((--foo: bar) and (--foo: bar)):
FAIL
- style((--foo: bar) and (--foo: bar) and (--foo: bar)):
FAIL
- style((--foo: bar) or (--foo: bar)):
FAIL
- style((--foo: bar) or (--foo: bar) or (--foo: bar)):
FAIL
- style((--baz: qux) or (--foo: bar) or (--foo: bar)):
FAIL
- style((--foo: bar) or (--baz: qux) or (--foo: bar)):
FAIL
- style((--foo: bar) or (--foo: bar) or (--baz: qux)):
FAIL
- style(not ((--foo: bar) and (--baz: qux))):
FAIL
- style((--baz: qux) or (not ((--baz: qux) and (--foo: bar)))):
FAIL
- style((--foo: bar)):
- /css/css-conditional/container-queries/query-evaluation.html [wpt.fyi]
- ((unknown) or (width) or (width)):
FAIL
- ((width) or (unknown) or (width)):
FAIL
- ((width) or (width) or (unknown)):
FAIL
- ((unknown) or (height) or (width)):
FAIL
- ((unknown) or (width) or (width)):
- /css/css-conditional/container-queries/registered-color-style-queries.html [wpt.fyi]
- Registered color with light color-scheme and light-dark():
FAIL
- Registered color with dark color-scheme and light-dark():
FAIL
- Registered color with light color-scheme and light-dark():
- /css/css-conditional/container-queries/sibling-layout-dependency.html [wpt.fyi]
- Sibling style mutation:
FAIL
- Sibling style mutation, parent is affected:
FAIL
- Sibling style mutation, ancestor is affected:
FAIL
- Sibling text mutation:
FAIL
- Sibling style mutation:
- /css/css-conditional/container-queries/style-container-for-shadow-dom.html [wpt.fyi]
- Match container in outer tree:
FAIL
- Match <slot> as a container for ::slotted element:
FAIL
- Match container in outer tree for :host:
FAIL
- Match container in outer tree for :host::before:
FAIL
- Match container for slot light tree child fallback:
FAIL
- Match container in outer tree:
- /css/css-conditional/container-queries/style-container-invalidation-inheritance.html [wpt.fyi]
- Changed --match inherits down descendants and affects container query:
FAIL
- Changed --match inherits down descendants and affects container query:
- /css/css-conditional/container-queries/style-query-with-unknown-width.html [wpt.fyi]
- width query should evaluate to unknown and style query to true:
FAIL
- width query should evaluate to unknown and style query to true:
- /css/css-conditional/container-queries/inner-first-line-non-matching.html [wpt.fyi]:
FAIL
- /css/css-conditional/container-queries/pseudo-elements-002b.html [wpt.fyi]:
FAIL
- /css/css-conditional/container-queries/pseudo-elements-009.html [wpt.fyi]:
FAIL
New Tests That Don't Pass
- /css/css-conditional/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
)
- unitType with container-relative units:
- /css/css-conditional/container-queries/font-relative-units-dynamic.html [wpt.fyi]
- rcap units respond to changes:
FAIL
(Chrome:PASS
, Safari:FAIL
)
- rcap units respond to changes:
- /css/css-conditional/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
) - #container height measured with 499px width. Both container children visible:
FAIL
(Chrome:PASS
, Safari:FAIL
) - #container width 399px after padding is applied. #second is removed from the rendering:
FAIL
(Chrome:PASS
, Safari:FAIL
) - #container width 399x after padding is applied. #second is removed from the rendering:
FAIL
(Chrome:PASS
, Safari:FAIL
)
- #container height measured with 500px width. Both container children visible:
- /css/css-conditional/container-queries/pseudo-elements-005.html [wpt.fyi]
- ::before pseudo element matching style() query after class change:
FAIL
(Chrome:PASS
, Safari:FAIL
)
- ::before pseudo element matching style() query after class change:
- /css/css-conditional/container-queries/custom-layout-container-001.https.html [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-conditional/container-queries/inline-size-bfc-floats.html [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
) - /css/css-conditional/container-queries/pseudo-elements-010.html [wpt.fyi]:
FAIL
(Chrome:PASS
, Safari:FAIL
)
CI Results
Gecko CI (Treeherder)
GitHub PR Head
Notes
These updates will be on mozilla-central once bug 1905279 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.
Updated•7 months ago
|
Blocks: container-queries
Severity: -- → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•