[wpt-sync] Sync PR 37138 - Move declarative shadow dom polyfill out of CQ directory
Categories
(Core :: Layout, task, P4)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox109 | --- | fixed |
People
(Reporter: wpt-sync, Unassigned)
References
(Blocks 1 open bug, )
Details
(Whiteboard: [wptsync downstream])
Sync web-platform-tests PR 37138 into mozilla-central (this bug is closed when the sync is complete).
PR: https://github.com/web-platform-tests/wpt/pull/37138
Details from upstream follow.
Rune Lillesveen <futhark@chromium.org> wrote:
Move declarative shadow dom polyfill out of CQ directory
Make it available for other test suites than the container-queries
tests. Plan to use it for anchor positioning shadow tests.Change-Id: I6d3e0e57b5a681a3f3900bc3dd8f3c28a1e4d542
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4055541
Commit-Queue: Rune Lillesveen \<futhark@chromium.org>
Auto-Submit: Rune Lillesveen \<futhark@chromium.org>
Commit-Queue: Anders Hartvoll Ruud \<andruud@chromium.org>
Reviewed-by: Anders Hartvoll Ruud \<andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1075538}
| Assignee | ||
Updated•2 years ago
|
| Assignee | ||
Comment 1•2 years ago
|
||
| Assignee | ||
Comment 2•2 years ago
|
||
CI Results
Ran 9 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI
Total 96 tests and 2 subtests
Status Summary
Firefox
OK : 94[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 95[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt, GitHub]
PASS : 580[GitHub] 583[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] 584[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview]
FAIL : 184[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 187[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows10-32-2004-qr-debug, Gecko-windows10-32-2004-qr-opt, Gecko-windows10-64-2004-qr-debug, Gecko-windows10-64-2004-qr-opt] 190[GitHub]
PRECONDITION_FAILED: 1
ERROR : 1
Chrome
OK : 96
PASS : 756
FAIL : 20
Safari
OK : 96
PASS : 613
FAIL : 163
Links
Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base
Details
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/at-container-style-serialization.html [wpt.fyi]:
ERRORlinked bug:Bug 1776487 - /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]
- foo(width):
FAIL(Chrome:PASS, Safari:PASS) - size(width):
FAIL(Chrome:PASS, Safari:PASS) - (asdf):
FAIL(Chrome:PASS, Safari:PASS) - (resolution > 100dpi):
FAIL(Chrome:PASS, Safari:PASS) - (resolution: 150dpi):
FAIL(Chrome:PASS, Safari:PASS) - (color):
FAIL(Chrome:PASS, Safari:PASS) - (min-color: 1):
FAIL(Chrome:PASS, Safari:PASS) - (color-index >= 1):
FAIL(Chrome:PASS, Safari:PASS) - size(grid):
FAIL(Chrome:PASS, Safari:PASS) - (grid):
FAIL(Chrome:PASS, Safari:PASS) - (width == 100px):
FAIL(Chrome:PASS, Safari:PASS) - (100px == width):
FAIL(Chrome:PASS, Safari:PASS) - (100px = width = 200px):
FAIL(Chrome:PASS, Safari:PASS) - (100px < width > 200px):
FAIL(Chrome:PASS, Safari:PASS) - (100px <= width >= 200px):
FAIL(Chrome:PASS, Safari:PASS) - (100px <= width > 200px):
FAIL(Chrome:PASS, Safari:PASS) - (100px < width >= 200px):
FAIL(Chrome:PASS, Safari:PASS) - (100px : width : 200px):
FAIL(Chrome:PASS, Safari:PASS) - 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(--foo: bar;):
FAIL(Chrome:PASS, Safari:PASS) - style(--foo):
FAIL(Chrome:PASS, Safari:PASS) - style(style(--foo: bar)):
FAIL(Chrome:PASS, Safari:PASS)
- foo(width):
- /css/css-contain/container-queries/at-container-style-serialization.html [wpt.fyi]:
ERROR(Chrome:OK, Safari:OK) - /css/css-contain/container-queries/auto-scrollbars.html [wpt.fyi]:
OK[Gecko-linux1804-64-qr-debug,Gecko-linux1804-64-qr-opt,Gecko-windows10-32-2004-qr-debug,Gecko-windows10-32-2004-qr-opt,Gecko-windows10-64-2004-qr-debug,Gecko-windows10-64-2004-qr-opt,GitHub],PRECONDITION_FAILED[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview,Gecko-android-em-7.0-x86_64-qr-debug-geckoview,Gecko-android-em-7.0-x86_64-qr-opt-geckoview] (Chrome:OK, Safari:OK)- 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/calc-evaluation.html [wpt.fyi]
- em relative inline-size:
FAIL[GitHub],PASS[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview,Gecko-android-em-7.0-x86_64-qr-debug-geckoview,Gecko-android-em-7.0-x86_64-qr-opt-geckoview,Gecko-linux1804-64-qr-debug,Gecko-linux1804-64-qr-opt,Gecko-windows10-32-2004-qr-debug,Gecko-windows10-32-2004-qr-opt,Gecko-windows10-64-2004-qr-debug,Gecko-windows10-64-2004-qr-opt] (Chrome:PASS, Safari:PASS)
- em relative inline-size:
- /css/css-contain/container-queries/container-for-shadow-dom.html [wpt.fyi]
- Match container in same tree, not walking flat tree ancestors:
FAIL(Chrome:PASS, Safari:PASS) - Match container in ::part selector's originating element tree:
FAIL(Chrome:PASS, Safari:PASS) - Match container in outer tree for :host::before:
FAIL(Chrome:PASS, Safari:PASS) - Match container for ::before in ::part selector's originating element tree:
FAIL(Chrome:PASS, Safari:PASS) - Match container for ::part selector's originating element tree for exportparts:
FAIL(Chrome:PASS, Safari:PASS) - Should not match container inside shadow tree for ::part():
FAIL(Chrome:PASS, Safari:PASS)
- 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(Chrome:PASS, Safari:PASS) - @property is defined regardless of evaluation:
FAIL(Chrome:PASS, Safari:FAIL)
- @keyframes is defined regardless of evaluation:
- /css/css-contain/container-queries/container-longhand-animation-type.html [wpt.fyi]
- Reference variable is applied:
FAIL(Chrome:PASS, Safari:PASS)
- Reference variable is applied:
- /css/css-contain/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(Chrome:FAIL, Safari:FAIL) - Outer scope query should not match container-name set by ::slotted rule in shadow tree:
FAIL(Chrome:FAIL, Safari:FAIL)
- Outer scope query should not match container-name set by :host rule in shadow tree:
- /css/css-contain/container-queries/container-type-containment.html [wpt.fyi]
- container-type:inline/size turns on style containment:
FAIL(Chrome:PASS, Safari:PASS)
- container-type:inline/size turns on style containment:
- /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-shadow.html [wpt.fyi]
- Direct slotted child queries shadow-including ancestors:
FAIL(Chrome:PASS, Safari:PASS) - Nondirect slotted child queries shadow-including ancestors:
FAIL(Chrome:PASS, Safari:PASS)
- Direct slotted child queries shadow-including ancestors:
- /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/counters-flex-circular.html [wpt.fyi]
- The container query should match the layed out width:
FAIL(Chrome:PASS, Safari:PASS)
- The container query should match the layed out width:
- /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/display-contents.html [wpt.fyi]
- getComputedStyle when container becomes display:contents:
FAIL(Chrome:PASS, Safari:PASS) - getComputedStyle when intermediate container becomes display:contents:
FAIL(Chrome:PASS, Safari:PASS)
- getComputedStyle when container becomes display:contents:
- /css/css-contain/container-queries/display-none.html [wpt.fyi]
- getComputedStyle when intermediate ancestor is display:none:
FAIL(Chrome:PASS, Safari:PASS)
- getComputedStyle when intermediate ancestor is display:none:
- /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/font-relative-units.html [wpt.fyi]
- rem relative inline-size:
FAIL[GitHub],PASS[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview,Gecko-android-em-7.0-x86_64-qr-debug-geckoview,Gecko-android-em-7.0-x86_64-qr-opt-geckoview,Gecko-linux1804-64-qr-debug,Gecko-linux1804-64-qr-opt,Gecko-windows10-32-2004-qr-debug,Gecko-windows10-32-2004-qr-opt,Gecko-windows10-64-2004-qr-debug,Gecko-windows10-64-2004-qr-opt] (Chrome:PASS, Safari:PASS) - ch relative inline-size:
FAIL[GitHub],PASS[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview,Gecko-android-em-7.0-x86_64-qr-debug-geckoview,Gecko-android-em-7.0-x86_64-qr-opt-geckoview,Gecko-linux1804-64-qr-debug,Gecko-linux1804-64-qr-opt,Gecko-windows10-32-2004-qr-debug,Gecko-windows10-32-2004-qr-opt,Gecko-windows10-64-2004-qr-debug,Gecko-windows10-64-2004-qr-opt] (Chrome:PASS, Safari:PASS) - lh relative inline-size:
FAIL(Chrome:PASS, Safari:PASS)
- rem relative inline-size:
- /css/css-contain/container-queries/grid-item-container.html [wpt.fyi]
- Check that children can query grid item containers:
FAIL(Chrome:PASS, Safari:PASS)
- Check that children can query grid item containers:
- /css/css-contain/container-queries/ineligible-containment.html [wpt.fyi]
- Container ineligible for containment:
FAIL(Chrome:PASS, Safari:PASS) - Changing containment eligibility invalidates style:
FAIL(Chrome:PASS, Safari:PASS)
- Container ineligible for containment:
- /css/css-contain/container-queries/never-match-container.html [wpt.fyi]
- Size @container query against inline box never matches:
FAIL(Chrome:PASS, Safari:PASS) - Size @container query against svg element never matches:
FAIL(Chrome:PASS, Safari:PASS)
- Size @container query against inline box never matches:
- /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 width 399px after padding is applied. #second is removed from the rendering:
FAIL(Chrome:FAIL, Safari:FAIL)
- #container height measured with 500px width. Both container children visible:
- /css/css-contain/container-queries/pseudo-elements-003.html [wpt.fyi]
- Originating element container for ::before:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for ::after:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for ::marker:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for ::first-line:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for ::first-letter:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for outer ::first-line:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for outer ::first-letter:
FAIL(Chrome:PASS, Safari:PASS) - Originating element container for ::backdrop:
FAIL(Chrome:PASS, Safari:PASS)
- Originating element container for ::before:
- /css/css-contain/container-queries/pseudo-elements-004.html [wpt.fyi]
- Color for ::before depending on container:
FAIL(Chrome:PASS, Safari:PASS) - Color for ::after depending on container:
FAIL(Chrome:PASS, Safari:PASS) - Color for ::marker depending on container:
FAIL(Chrome:PASS, Safari:PASS) - Color for ::first-line depending on container:
FAIL(Chrome:PASS, Safari:PASS) - Color for ::first-letter depending on container:
FAIL(Chrome:PASS, Safari:PASS) - Color for ::backdrop depending on container:
FAIL(Chrome:PASS, Safari:PASS)
- Color for ::before depending on container:
- /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:
FAIL(Chrome:PASS, Safari:PASS) - Size queries with border-box sizing:
FAIL(Chrome:PASS, Safari:PASS) - 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:
- /css/css-contain/container-queries/query-evaluation.html [wpt.fyi]
- ((unknown) or (width) or (width)):
FAIL(Chrome:PASS, Safari:PASS) - ((width) or (unknown) or (width)):
FAIL(Chrome:PASS, Safari:PASS) - ((width) or (width) or (unknown)):
FAIL(Chrome:PASS, Safari:PASS) - ((unknown) or (height) or (width)):
FAIL(Chrome:PASS, Safari:PASS) - style((width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style(not (height: 2px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) and (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) and (width: 1px) and (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) or (width: 1px) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((height: 2px) or (width: 1px) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) or (height: 2px) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) or (width: 1px) or (height: 2px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((unknown) or (width: 1px) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) or (unknown) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((width: 1px) or (width: 1px) or (unknown)):
FAIL(Chrome:FAIL, Safari:FAIL) - style((unknown) or (height: 2px) or (width: 1px)):
FAIL(Chrome:FAIL, Safari:FAIL) - style(not ((width: 1px) and (height: 2px))):
FAIL(Chrome:FAIL, Safari:FAIL) - style((height: 2px) or (not ((height: 2px) and (width: 1px)))):
FAIL(Chrome:FAIL, Safari:FAIL)
- ((unknown) or (width) or (width)):
- /css/css-contain/container-queries/sibling-layout-dependency.html [wpt.fyi]
- Sibling style mutation:
FAIL(Chrome:PASS, Safari:PASS) - Sibling style mutation, parent is affected:
FAIL(Chrome:PASS, Safari:PASS) - Sibling style mutation, ancestor is affected:
FAIL(Chrome:PASS, Safari:PASS) - Sibling text mutation:
FAIL(Chrome:PASS, Safari:PASS)
- 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(Chrome:PASS, Safari:PASS) - (min-width: 0) does not match a container without a principal box (display:contents):
FAIL(Chrome:PASS, Safari:PASS)
- (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(Chrome:PASS, Safari:PASS)
- @container queries start matching:
- /css/css-contain/container-queries/transition-scrollbars.html [wpt.fyi]
- Scrollbars do not cause a transition of background-color:
FAIL[Gecko-linux1804-64-qr-debug,Gecko-linux1804-64-qr-opt,Gecko-windows10-32-2004-qr-debug,Gecko-windows10-32-2004-qr-opt,Gecko-windows10-64-2004-qr-debug,Gecko-windows10-64-2004-qr-opt,GitHub],PASS[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview,Gecko-android-em-7.0-x86_64-qr-debug-geckoview,Gecko-android-em-7.0-x86_64-qr-opt-geckoview] (Chrome:PASS, Safari:FAIL)
- Scrollbars do not cause a transition of background-color:
Comment 4•2 years ago
|
||
| bugherder | ||
Description
•