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)
Core
Layout
Tracking
()
NEW
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
- /css/css-contain/container-queries/at-container-parsing.html [wpt.fyi]
- foo(width):
FAIL - size(width):
FAIL - (asdf):
FAIL - (resolution > 100dpi):
FAIL - (resolution: 150dpi):
FAIL - (color):
FAIL - (min-color: 1):
FAIL - (color-index >= 1):
FAIL - size(grid):
FAIL - (grid):
FAIL - (width == 100px):
FAIL - (100px == width):
FAIL - (100px = width = 200px):
FAIL - (100px < width > 200px):
FAIL - (100px <= width >= 200px):
FAIL - (100px <= width > 200px):
FAIL - (100px < width >= 200px):
FAIL - (100px : width : 200px):
FAIL - style(--foo: bar;):
FAIL - style(--foo):
FAIL - style(style(--foo: bar)):
FAIL
- foo(width):
- /css/css-contain/container-queries/container-for-shadow-dom.html [wpt.fyi]
- Match container in same tree, not walking flat tree ancestors:
FAIL - Match container in ::part selector's originating element tree:
FAIL - Match container in outer tree for :host::before:
FAIL - Match container for ::before in ::part selector's originating element tree:
FAIL - Match container for ::part selector's originating element tree for exportparts:
FAIL - Should not match container inside shadow tree for ::part():
FAIL
- Match container in same tree, not walking flat tree ancestors:
- /css/css-contain/container-queries/container-inner-at-rules.html [wpt.fyi]
- @keyframes is defined regardless of evaluation:
FAIL
- @keyframes is defined regardless of evaluation:
- /css/css-contain/container-queries/container-longhand-animation-type.html [wpt.fyi]
- Reference variable is applied:
FAIL
- Reference variable is applied:
- /css/css-contain/container-queries/container-type-containment.html [wpt.fyi]
- container-type:inline/size turns on style containment:
FAIL
- container-type:inline/size turns on style containment:
- /css/css-contain/container-queries/container-units-shadow.html [wpt.fyi]
- Direct slotted child queries shadow-including ancestors:
FAIL - Nondirect slotted child queries shadow-including ancestors:
FAIL
- Direct slotted child queries shadow-including ancestors:
- /css/css-contain/container-queries/counters-flex-circular.html [wpt.fyi]
- The container query should match the layed out width:
FAIL
- The container query should match the layed out width:
- /css/css-contain/container-queries/display-contents.html [wpt.fyi]
- getComputedStyle when container becomes display:contents:
FAIL - getComputedStyle when intermediate container becomes display:contents:
FAIL
- getComputedStyle when container becomes display:contents:
- /css/css-contain/container-queries/display-none.html [wpt.fyi]
- getComputedStyle when intermediate ancestor is display:none:
FAIL
- getComputedStyle when intermediate ancestor is display:none:
- /css/css-contain/container-queries/font-relative-units.html [wpt.fyi]
- lh relative inline-size:
FAIL
- lh relative inline-size:
- /css/css-contain/container-queries/grid-item-container.html [wpt.fyi]
- Check that children can query grid item containers:
FAIL
- Check that children can query grid item containers:
- /css/css-contain/container-queries/ineligible-containment.html [wpt.fyi]
- Container ineligible for containment:
FAIL - Changing containment eligibility invalidates style:
FAIL
- Container ineligible for containment:
- /css/css-contain/container-queries/never-match-container.html [wpt.fyi]
- Size @container query against inline box never matches:
FAIL - Size @container query against svg element never matches:
FAIL
- Size @container query against inline box never matches:
- /css/css-contain/container-queries/pseudo-elements-003.html [wpt.fyi]
- Originating element container for ::before:
FAIL - Originating element container for ::after:
FAIL - Originating element container for ::marker:
FAIL - Originating element container for ::first-line:
FAIL - Originating element container for ::first-letter:
FAIL - Originating element container for outer ::first-line:
FAIL - Originating element container for outer ::first-letter:
FAIL - Originating element container for ::backdrop:
FAIL
- Originating element container for ::before:
- /css/css-contain/container-queries/pseudo-elements-004.html [wpt.fyi]
- Color for ::before depending on container:
FAIL - Color for ::after depending on container:
FAIL - Color for ::marker depending on container:
FAIL - Color for ::first-line depending on container:
FAIL - Color for ::first-letter depending on container:
FAIL - Color for ::backdrop depending on container:
FAIL
- Color for ::before depending on container:
- /css/css-contain/container-queries/query-content-box.html [wpt.fyi]
- Size queries with content-box sizing:
FAIL - Size queries with border-box sizing:
FAIL
- Size queries with content-box sizing:
- /css/css-contain/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-contain/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-contain/container-queries/size-container-no-principal-box.html [wpt.fyi]
- (min-width: 0) does not match a container without a principal box (display:none):
FAIL - (min-width: 0) does not match a container without a principal box (display:contents):
FAIL
- (min-width: 0) does not match a container without a principal box (display:none):
- /css/css-contain/container-queries/top-layer-nested-dialog.html [wpt.fyi]
- @container queries start matching:
FAIL
- @container queries start matching:
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)
- style(--my-prop: foo):
- /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)
- Initial layout - expecting a scrollbar without overflowing content instead of overflowing content without a scrollbar:
- /css/css-contain/container-queries/container-inner-at-rules.html [wpt.fyi]
- @property is defined regardless of evaluation:
FAIL(Chrome:PASS, Safari:FAIL)
- @property is defined regardless of evaluation:
- /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)
- Container relative unit cqw is not computationally independent:
- /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)
- unitType with container-relative units:
- /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.cqw function:
- /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)
- style(--inner: true):
- /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)
- Target child:
- /css/css-contain/container-queries/font-relative-units-dynamic.html [wpt.fyi]
- lh units respond to changes:
FAIL(Chrome:PASS, Safari:FAIL)
- lh units respond to changes:
- /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)
- #container height measured with 500px width. Both container children visible:
- /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)
- ::before pseudo element querying style() of originating element:
- /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)
- Size queries with content-box sizing and overflow:scroll:
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.
Updated•3 years ago
|
Severity: -- → S4
Updated•3 years ago
|
Blocks: interop-2023-contain
You need to log in
before you can comment on or make changes to this bug.
Description
•