css/css-anchor-position

edit

WPT coverage of the tests of css/css-anchor-position at the revision 5602b0f210e3. The tests link to their results in the browsers on wpt.fyi. The tentative tests (experimental features) and the reftests are listed separately from the stable tests.

GroupPassingTestsDisabledPass rate
Stable259262099%
Tentative34075%
Reftests236241098%
All498507098%

Failure reasons

The tests that do not pass (failing or disabled), by kind of reason. A test with several reasons counts once per kind.

  • TEST BUG: 9

Stable tests

TestResultSubtestsKindDescription
anchor-animation-dynamic-default.htmlPass1 / 1
anchor-animation-dynamic-name.htmlPass1 / 1
anchor-animation-iacvt.htmlPass1 / 1
anchor-animation.htmlPass1 / 1
anchor-center-001.htmlPass4 / 4
anchor-center-003.htmlPass1 / 1
anchor-center-004.htmlPass2 / 2
anchor-center-fallback-transition-behavior.htmlPass1 / 1
anchor-center-htb-htb.htmlPass10 / 10
anchor-center-htb-vrl.htmlPass10 / 10
anchor-center-offset-change.htmlPass2 / 2
anchor-center-vrl-htb.htmlPass10 / 10
anchor-center-vrl-vrl.htmlPass10 / 10
anchor-fallback-invalidation.htmlPass1 / 1
anchor-fallback-scroll-axis.htmlPass1 / 1
anchor-function-chain.htmlPass5 / 5
anchor-function-pseudo-element-basic.htmlPass2 / 2
anchor-function-pseudo-element-implicit-anchor.htmlPass2 / 2
anchor-function-zero-fallback.htmlPass6 / 6
anchor-getComputedStyle-001.htmlPass3 / 3
anchor-getComputedStyle-002.htmlPass2 / 2
anchor-getComputedStyle-003.htmlPass2 / 2
anchor-getComputedStyle-004.htmlPass2 / 2
anchor-ident-function.htmlPass13 / 13
anchor-in-anchor-positioned.htmlPass2 / 2
anchor-in-popover.htmlPass2 / 2
anchor-in-scroller-with-left-side-scrollbar.htmlPass4 / 4
anchor-inherited.htmlPass1 / 1
anchor-inline-box-vrl.htmlPass5 / 5
anchor-inside-outside.htmlPass16 / 16
anchor-invalid-fallback.htmlPass39 / 39
anchor-name-001.htmlFail2 / 3TEST BUGexpects the last anchor element in tree order; https://drafts.csswg.org/css-anchor-position-1/#target now chooses the nearest ancestor of the positioned box that is an acceptable anchor element first (w3c/csswg-drafts#13364)
anchor-name-002.htmlPass6 / 6
anchor-name-003.htmlPass39 / 39
anchor-name-004.htmlPass3 / 3
anchor-name-008.htmlPass1 / 1
anchor-name-basics.htmlPass54 / 54
anchor-name-cross-shadow.htmlPass2 / 2
anchor-name-in-shadow-002.htmlPass1 / 1
anchor-name-in-shadow.htmlFail1 / 2TEST BUGexpects an anchor() reference of a shadow tree not to match the anchor-name of its host declared in the outer tree; the tree-scoped names are loosely matched (https://drafts.csswg.org/css-scoping-1/#css-tree-scoped-name: a reference matches a name declared in a shadow-including ancestor tree)
anchor-name-inline-001.htmlPass7 / 7
anchor-name-multicol-001.htmlPass1 / 1
anchor-name-multicol-002.htmlPass1 / 1
anchor-name-mutation.htmlPass15 / 15
anchor-name-shadow-higher-tree.htmlPass1 / 1
anchor-name-shadow-lower-tree.htmlPass1 / 1
anchor-parse-invalid.htmlPass25 / 25
anchor-parse-valid.htmlPass2,359 / 2,359
anchor-position-001.htmlPass1 / 1
anchor-position-002.htmlPass3 / 3
anchor-position-003.htmlFail4 / 5TEST BUGexpects the last anchor element in tree order; https://drafts.csswg.org/css-anchor-position-1/#target now chooses the nearest ancestor of the positioned box that is an acceptable anchor element first (w3c/csswg-drafts#13364)
anchor-position-004.htmlPass32 / 32
anchor-position-borders-001.htmlPass12 / 12
anchor-position-borders-002.htmlPass5 / 5
anchor-position-dynamic-001.htmlPass1 / 1
anchor-position-dynamic-002.htmlPass8 / 8
anchor-position-dynamic-003.htmlPass10 / 10
anchor-position-dynamic-004.htmlPass1 / 1
anchor-position-flip-sibling-index.htmlPass1 / 1
anchor-position-inline-001.htmlPass4 / 4
anchor-position-inline-002.htmlPass4 / 4
anchor-position-inline-003.htmlPass4 / 4
anchor-position-multicol-001.htmlPass4 / 4
anchor-position-multicol-005.htmlPass1 / 1
anchor-position-multicol-006.htmlPass4 / 4
anchor-position-multicol-colspan-001.htmlPass5 / 5
anchor-position-multicol-colspan-002.htmlPass2 / 2
anchor-position-principal-box.htmlPass1 / 1
anchor-position-sibling-index.htmlPass1 / 1
anchor-position-top-layer-007.htmlPass1 / 1
anchor-position-writing-modes-001.htmlPass1,296 / 1,296
anchor-position-writing-modes-002.htmlPass48 / 48
anchor-positioned-containing-block-resize.htmlPass2 / 2
anchor-query-custom-property-registration.htmlPass4 / 4
anchor-query-fallback.htmlPass16 / 16
anchor-scope-basic.htmlPass12 / 12
anchor-scope-dynamic.htmlPass4 / 4
anchor-scope-shadow-all.htmlPass1 / 1
anchor-scope-shadow-flat-tree.htmlPass1 / 1
anchor-scope-shadow-names.htmlPass5 / 5
anchor-scroll-002.htmlPass3 / 3
anchor-scroll-003.htmlPass1 / 1
anchor-scroll-004.htmlPass3 / 3
anchor-scroll-005.htmlPass1 / 1
anchor-scroll-006.htmlPass3 / 3
anchor-scroll-007.htmlPass1 / 1
anchor-scroll-010.htmlPass1 / 1
anchor-scroll-011.htmlPass1 / 1
anchor-scroll-012.htmlPass1 / 1
anchor-scroll-013.htmlPass1 / 1
anchor-scroll-014.htmlPass1 / 1
anchor-scroll-cleanup.htmlPass3 / 3
anchor-scroll-js-expose.htmlPass4 / 4
anchor-scroll-position-try-001.htmlPass6 / 6
anchor-scroll-position-try-002.htmlPass2 / 2
anchor-scroll-position-try-003.htmlPass2 / 2
anchor-scroll-position-try-004.htmlPass3 / 3
anchor-scroll-position-try-005.htmlPass2 / 2
anchor-scroll-position-try-006.htmlPass6 / 6
anchor-scroll-position-try-007.htmlPass5 / 5
anchor-scroll-position-try-008.htmlPass4 / 4
anchor-scroll-position-try-009.htmlPass4 / 4
anchor-scroll-position-try-010.htmlPass4 / 4
anchor-scroll-position-try-011.htmlPass4 / 4
anchor-scroll-position-try-013.htmlPass3 / 3
anchor-scroll-position-try-014.htmlPass3 / 3
anchor-scroll-position-try-016.htmlPass3 / 3
anchor-scroll-single-axis-default-anchor.htmlPass3 / 3
anchor-scroll-single-axis-mixed-anchor.htmlPass3 / 3
anchor-scroll-single-axis.htmlPass3 / 3
anchor-size-001.htmlPass28 / 28
anchor-size-animation.htmlPass1 / 1
anchor-size-function-chain.htmlPass5 / 5
anchor-size-minmax-001.htmlPass4 / 4
anchor-size-parse-invalid.htmlPass22 / 22
anchor-size-parse-valid.htmlPass4,305 / 4,305
anchor-size-replaced-001.htmlPass12 / 12
anchor-size-writing-modes-001.htmlPass24 / 24
anchor-sticky-fixed-drift.htmlPass1 / 1
anchor-transition-001.htmlPass2 / 2
anchor-transition-002.htmlPass1 / 1
anchor-transition-003.htmlPass1 / 1
anchor-transition-004.htmlPass1 / 1
anchor-transition-default.htmlPass1 / 1
anchor-transition-eval.htmlPass2 / 2
anchor-transition-focus.htmlPass1 / 1
anchor-transition-name.htmlPass1 / 1
anchor-typed-om.htmlPass2 / 2
anchored-child-transition-with-selection.htmlPass1 / 1
at-position-try-allowed-declarations.htmlPass56 / 56
at-position-try-cssom.htmlPass265 / 265
at-position-try-invalidation-shadow-dom.htmlPass4 / 4
at-position-try-invalidation.htmlPass4 / 4
at-position-try-parse.htmlPass12 / 12
auto-inset-margin-getComputedStyle.htmlPass12 / 12
base-style-invalidation.htmlPass1 / 1
chained-anchor-scrolled.htmlPass1 / 1
chrome-443261872.htmlPass1 / 1
container-queries/anchored-child-transition.htmlPass2 / 2
container-queries/anchored-fallback-basic.htmlPass2 / 2
container-queries/anchored-fallback-display-change.htmlPass2 / 2
container-queries/anchored-fallback-implicit-any.htmlPass1 / 1
container-queries/anchored-fallback-name.htmlPass2 / 2
container-queries/anchored-fallback-position-area-any.htmlPass1 / 1
container-queries/anchored-fallback-position-area-wm.htmlPass2 / 2
container-queries/anchored-fallback-position-area.htmlPass1 / 1
container-queries/anchored-fallback-scroll.htmlPass2 / 2
container-queries/anchored-fallback-tree-scope.htmlPass2 / 2
container-queries/anchored-fallback-try-tactic.htmlPass3 / 3
container-queries/at-container-anchored-parsing-any.htmlPass7 / 7
container-queries/at-container-anchored-parsing.htmlPass13 / 13
container-queries/at-container-anchored-serialization.htmlPass5 / 5
container-queries/container-type-anchored-computed.htmlPass3 / 3
container-queries/container-type-anchored-parsing.htmlPass5 / 5
idlharness.htmlPass86 / 86
last-successful-animation.htmlPass3 / 3
last-successful-basic.htmlPass3 / 3
last-successful-change-fallbacks-position-area.htmlPass3 / 3
last-successful-change-fallbacks.htmlPass3 / 3
last-successful-change-try-rule.htmlPass3 / 3
last-successful-fallback-to-base-style.htmlPass3 / 3
last-successful-iframe.htmlPass3 / 3
last-successful-intermediate-ignored.htmlPass2 / 2
last-successful-pseudo-element-basic.htmlPass3 / 3
last-successful-pseudo-element-fallbacks.htmlPass3 / 3
mixed-dependency-chain.htmlPass10 / 10
parsing/anchor-scope-computed.htmlPass10 / 10
parsing/anchor-scope-parsing.htmlPass17 / 17
parsing/position-try-computed.htmlPass9 / 9
parsing/position-try-fallbacks-computed.htmlPass24 / 24
parsing/position-try-fallbacks-parsing.htmlPass57 / 57
parsing/position-try-order-computed.htmlPass7 / 7
parsing/position-try-order-parsing.htmlPass12 / 12
parsing/position-try-parsing.htmlPass35 / 35
parsing/position-visibility-computed.htmlPass19 / 19
parsing/position-visibility-parsing.htmlPass30 / 30
popover-anchor-backdrop-transition.htmlPass1 / 1
popover-implicit-anchor.htmlPass1 / 1
position-anchor-003.htmlPass1 / 1
position-anchor-basics.htmlPass58 / 58
position-anchor-match-parent.htmlPass2 / 2
position-area-align-justify-wm-dir.htmlPass56 / 56
position-area-align-justify.htmlPass14 / 14
position-area-ambiguous-self.htmlPass1 / 1
position-area-anchor-getComputedStyle.htmlPass4 / 4
position-area-anchor-outside.htmlPass11 / 11
position-area-anchor-partially-outside.htmlPass11 / 11
position-area-basic.htmlPass47 / 47
position-area-chain.htmlPass5 / 5
position-area-computed-insets.htmlPass1 / 1
position-area-computed.htmlPass633 / 633
position-area-fixed.htmlPass7 / 7
position-area-in-grid.htmlPass2 / 2
position-area-in-position-try.htmlPass64 / 64
position-area-interpolation.htmlPass42 / 42
position-area-parsing.htmlPass2,125 / 2,125
position-area-scrolling-005.htmlPass7 / 7
position-area-scrolling-006.htmlPass5 / 5
position-area-scrolling-007.htmlPass4 / 4
position-area-value.htmlPass7 / 7
position-area-with-insets.htmlPass5 / 5
position-area-wm-dir.htmlPass44 / 44
position-try-001.htmlPass6 / 6
position-try-002.htmlPass1 / 1
position-try-003.htmlPass3 / 3
position-try-004.htmlPass2 / 2
position-try-backdrop.htmlPass1 / 1
position-try-cascade-layer-reorder.htmlPass2 / 2
position-try-cascade.htmlPass6 / 6
position-try-container-query.htmlPass2 / 2
position-try-custom-property.htmlPass2 / 2
position-try-dynamic.htmlPass2 / 2
position-try-fallbacks-003.htmlPass8 / 8
position-try-fallbacks-limit.htmlPass2 / 2
position-try-fallbacks-no-fit-after-fit.htmlPass1 / 1
position-try-fallbacks-scrollbar.htmlPass1 / 1
position-try-grid-001.htmlPass1 / 1
position-try-ident-function.htmlPass4 / 4
position-try-initial-transition.htmlPass1 / 1
position-try-order-basic.htmlPass27 / 27
position-try-order-inset-modified-containing-block.htmlPass4 / 4
position-try-order-position-area.htmlPass27 / 27
position-try-position-anchor.htmlPass1 / 1
position-try-pseudo-element.htmlPass2 / 2
position-try-rule-caching-001.htmlPass1 / 1
position-try-rule-caching-002.htmlPass1 / 1
position-try-transition-basic.htmlPass2 / 2
position-try-transition-flip.htmlPass2 / 2
position-try-tree-scoped.htmlPass12 / 12
position-try-typed-om.htmlPass1 / 1
property-interpolations.htmlPass546 / 546
pseudo-element-anchor-dynamic.htmlPass2 / 2
pseudo-element-anchor-tree-order.htmlPass5 / 5
pseudo-element-anchor.htmlPass2 / 2
registered-custom-property-anchor.htmlPass2 / 2
remove-anchor-dirty-layout.htmlPass1 / 1
remove-position-try-rules-001.htmlPass1 / 1
scrollable-containing-block-position-area.htmlPass4 / 4
scrollable-containing-block-size.htmlPass13 / 13
scrollable-containing-block-validity.htmlPass4 / 4
transform-010.htmlPass1 / 1
transform-011.htmlPass1 / 1
transform-012.htmlPass1 / 1
transform-013.htmlPass1 / 1
transform-014.htmlPass1 / 1
transform-015.htmlPass1 / 1
transform-016.htmlPass1 / 1
transform-017.htmlPass1 / 1
transform-019.htmlPass1 / 1
transform-021.htmlPass1 / 1
transform-023.htmlPass1 / 1
try-tactic-alignment.htmlPass60 / 60
try-tactic-anchor.htmlPass46 / 46
try-tactic-back-to-base.htmlPass1 / 1
try-tactic-base.htmlPass1 / 1
try-tactic-basic-anchor.htmlPass3 / 3
try-tactic-basic.htmlPass30 / 30
try-tactic-margin.htmlPass8 / 8
try-tactic-percentage.htmlPass36 / 36
try-tactic-position-area.htmlPass131 / 131
try-tactic-sizing.htmlPass3 / 3
try-tactic-wm.htmlPass11 / 11

Tentative tests

TestResultSubtestsKindDescription
anchor-scope-display-contents.tentative.htmlPass12 / 12
position-area-scrolling-001.tentative.htmlPass3 / 3
position-area-scrolling-002.tentative.htmlFail5 / 6TEST BUG"Reattach at 40,60" expects the boxes reattached in the same animation frame (display: none, a forced style update, then display: block) to keep the scroll offsets remembered before (the layout at 0,0, e1 at x=100), as its comment says ("there will be no anchor recalculation point" before the ResizeObserver events of an earlier draft); https://drafts.csswg.org/css-anchor-position-1/#anchor-recalculation-point now says that an anchor recalculation point occurs "whenever that element begins generating boxes (aka switches from display:none [...]) identical to when it starts running CSS animations", so the boxes are laid out with the remembered scroll offsets 40,60 (e1 at x=80); the subtest also expects offsetLeft right after container.style.display = "flow-root" (no recalculation point) not to include the default scroll shift that the previous subtest includes at the same scroll position (x=100 instead of 60), Chromium's snapshot of the scroll offsets taken once per frame; tentative, Firefox fails it with the result of the specification (e1 x = 80)
position-area-scrolling-003.tentative.htmlPass3 / 3

Reftests

TestResultVariantsKindDescription
anchor-abspos-to-fixedpos-001.htmlPass1 / 1
anchor-abspos-to-fixedpos-002.htmlPass1 / 1
anchor-abspos-to-fixedpos-003.htmlPass1 / 1
anchor-center-002.htmlPass1 / 1
anchor-center-no-default.htmlPass1 / 1
anchor-center-overflow-001.htmlPass1 / 1
anchor-center-overflow-002.htmlPass1 / 1
anchor-center-overflow-003.htmlPass1 / 1
anchor-center-overflow-004.htmlPass1 / 1
anchor-center-overflow-005.htmlPass1 / 1
anchor-center-safe-rtl.htmlPass1 / 1
anchor-center-safe.htmlPass1 / 1
anchor-center-scroll-001.htmlPass1 / 1
anchor-center-scroll-002.htmlPass1 / 1
anchor-center-scroll-003.htmlPass1 / 1
anchor-center-scroll-horizontal-wm-001.htmlPass1 / 1
anchor-center-scroll-vertical-wm-001.htmlPass1 / 1
anchor-center-visibility-change.htmlPass1 / 1
anchor-css-zoom.htmlPass1 / 1
anchor-fieldset-001.htmlPass1 / 1
anchor-fixed-pos-descendant.htmlPass1 / 1
anchor-fixedpos-nested-scroll-001.htmlPass1 / 1
anchor-function-chain-pseudo-elements.htmlPass1 / 1
anchor-in-css-min-max-function.htmlPass1 / 1
anchor-name-005.htmlPass1 / 1
anchor-name-006.htmlPass1 / 1
anchor-name-007.htmlPass1 / 1
anchor-name-dynamic-reflow-root.htmlPass1 / 1
anchor-name-multicol-003.htmlPass1 / 1
anchor-name-multicol-004.htmlPass1 / 1
anchor-position-005-print.htmlPass1 / 1
anchor-position-005.htmlPass1 / 1
anchor-position-area-block-center-scroll.htmlPass1 / 1
anchor-position-circular.htmlPass1 / 1
anchor-position-dynamic-005.htmlPass1 / 1
anchor-position-dynamic-006.htmlPass1 / 1
anchor-position-grid-001.htmlPass1 / 1
anchor-position-grid-002.htmlPass1 / 1
anchor-position-inline-004.htmlPass1 / 1
anchor-position-inline-005.htmlPass1 / 1
anchor-position-inline-006.htmlPass1 / 1
anchor-position-inline-007.htmlPass1 / 1
anchor-position-inline-008.htmlPass1 / 1
anchor-position-multicol-002.htmlPass1 / 1
anchor-position-multicol-003.htmlPass1 / 1
anchor-position-multicol-004.htmlPass1 / 1
anchor-position-multicol-007.htmlPass1 / 1
anchor-position-multicol-008.htmlPass1 / 1
anchor-position-multicol-011.htmlPass1 / 1
anchor-position-multicol-012.htmlPass1 / 1
anchor-position-multicol-013.htmlPass1 / 1
anchor-position-multicol-014.htmlPass1 / 1
anchor-position-multicol-015.htmlPass1 / 1
anchor-position-multicol-016.htmlPass1 / 1
anchor-position-multicol-017.htmlPass1 / 1
anchor-position-multicol-colspan-003.htmlPass1 / 1
anchor-position-multicol-fixed-001.htmlPass1 / 1
anchor-position-multicol-nested-001.htmlPass1 / 1
anchor-position-non-anchored-fallback.htmlPass1 / 1
anchor-position-top-layer-001.htmlPass1 / 1
anchor-position-top-layer-002.htmlPass1 / 1
anchor-position-top-layer-003.htmlPass1 / 1
anchor-position-top-layer-004.htmlPass1 / 1
anchor-position-top-layer-005.htmlPass1 / 1
anchor-position-top-layer-006.htmlPass1 / 1
anchor-scope-scroll.htmlPass1 / 1
anchor-scroll-001.htmlPass1 / 1
anchor-scroll-008.htmlPass1 / 1
anchor-scroll-009.htmlPass1 / 1
anchor-scroll-chained-001.htmlPass1 / 1
anchor-scroll-chained-002.htmlPass1 / 1
anchor-scroll-chained-003.htmlPass1 / 1
anchor-scroll-chained-004.htmlPass1 / 1
anchor-scroll-chained-fallback.htmlPass1 / 1
anchor-scroll-composited-scrolling-006.htmlPass1 / 1
anchor-scroll-composited-scrolling-paint-001.htmlPass1 / 1
anchor-scroll-fixedpos-002.htmlPass1 / 1
anchor-scroll-fixedpos-003.htmlPass1 / 1
anchor-scroll-fixedpos-004.htmlPass1 / 1
anchor-scroll-fixedpos-nested-001.htmlPass1 / 1
anchor-scroll-fixedpos-nested-002.htmlPass1 / 1
anchor-scroll-fixedpos.htmlPass1 / 1
anchor-scroll-implicit-001.htmlPass1 / 1
anchor-scroll-implicit-002.htmlPass1 / 1
anchor-scroll-nested.htmlPass1 / 1
anchor-scroll-overflow-hidden.htmlPass1 / 1
anchor-scroll-position-try-012.htmlPass1 / 1
anchor-scroll-position-try-015.tentative.htmlPass1 / 1
anchor-scroll-scrollable-anchor.htmlPass1 / 1
anchor-scroll-to-sticky-001.htmlPass1 / 1
anchor-scroll-to-sticky-002.htmlPass1 / 1
anchor-scroll-to-sticky-003.htmlPass1 / 1
anchor-scroll-to-sticky-004.htmlPass1 / 1
anchor-scroll-to-sticky-005.htmlPass1 / 1
anchor-scroll-to-sticky-006.htmlPass1 / 1
anchor-scroll-to-sticky-multiple.htmlPass1 / 1
anchor-scroll-update-001.htmlPass1 / 1
anchor-scroll-update-002.htmlPass1 / 1
anchor-scroll-update-003.htmlPass1 / 1
anchor-scroll-update-004.htmlPass1 / 1
anchor-scroll-update-005.htmlPass1 / 1
anchor-scroll-update-006.htmlPass1 / 1
anchor-scroll-update-007.htmlPass1 / 1
anchor-scroll-update-008.htmlPass1 / 1
anchor-scroll-update-009.htmlPass1 / 1
anchor-scroll-update-010.htmlPass1 / 1
anchor-scroll-vlr.htmlPass1 / 1
anchor-scroll-vrl.htmlPass1 / 1
anchor-size-css-zoom.htmlPass1 / 1
anchor-size-function-chain-pseudo-elements.htmlPass1 / 1
anchored-c-v-hidden.htmlPass1 / 1
anchored-transition-display-none-001.htmlPass1 / 1
anchored-transition-display-none-002.htmlPass1 / 1
auto-margins-position-area.htmlPass1 / 1
container-queries/anchored-fallback-color-change.htmlPass1 / 1
container-queries/anchored-fallback-style-containment.htmlPass1 / 1
grid-lanes-position-area-basic.htmlPass1 / 1
grid-position-area-basic.htmlPass1 / 1
inherit-height-from-fallback.htmlPass1 / 1
no-anchor-anchor-center.htmlPass1 / 1
position-anchor-001.htmlPass1 / 1
position-anchor-002.htmlPass1 / 1
position-anchor-004.htmlPass1 / 1
position-anchor-005.htmlPass1 / 1
position-anchor-auto-pseudo-element-implicit-001.htmlPass1 / 1
position-anchor-auto-pseudo-element-implicit-002.htmlPass1 / 1
position-anchor-dynamic-unset-raf-visibility-hidden.htmlPass1 / 1
position-anchor-dynamic-unset-visibility-hidden.htmlPass1 / 1
position-anchor-match-parent-dynamic.htmlFail0 / 1TEST BUGfails in every browser: the probes are position: fixed (their containing block is the viewport) and every case declares the same anchor-name: --a, so the anchored probes all attach to the last --a anchor of the page and the probes without default anchor fall back to left: 20px; top: 70px of the viewport (they pile up in the first case), while the reference places each probe in its own .case box
position-anchor-match-parent-rendering.htmlFail0 / 1TEST BUGfails in every browser: the probes are position: fixed (their containing block is the viewport) and every case declares the same anchor-name: --a, so the anchored probes all attach to the last --a anchor of the page and the probes without default anchor fall back to left: 20px; top: 70px of the viewport (they pile up in the first case), while the reference places each probe in its own .case box
position-anchor-match-parent-shadow.htmlFail0 / 1TEST BUGfails in every browser: the probes are position: fixed (their containing block is the viewport) and every case declares the same anchor-name: --a, so the anchored probes all attach to the last --a anchor of the page and the probes without default anchor fall back to left: 20px; top: 70px of the viewport (they pile up in the first case), while the reference places each probe in its own .case box
position-anchor-none-pseudo-element-implicit-001.htmlPass1 / 1
position-anchor-none-pseudo-element-implicit-002.htmlPass1 / 1
position-anchor-none-pseudo-element-named.htmlPass1 / 1
position-anchor-normal-001.htmlPass1 / 1
position-anchor-normal-pseudo-element-implicit-001.htmlPass1 / 1
position-anchor-normal-pseudo-element-implicit-002.htmlPass1 / 1
position-anchor-normal-pseudo-element-implicit-003.htmlPass1 / 1
position-anchor-target-with-children.htmlPass1 / 1
position-area-abs-inline-container.htmlPass1 / 1
position-area-alignment-inset-001.htmlPass1 / 1
position-area-anchor-001.htmlPass1 / 1
position-area-anchor-002.htmlPass1 / 1
position-area-chain-pseudo-elements.htmlPass1 / 1
position-area-change.htmlPass1 / 1
position-area-inline-container.htmlPass1 / 1
position-area-inset-one-side-auto.tentative.htmlPass1 / 1
position-area-justify-self-safe-001.htmlPass1 / 1
position-area-no-default-anchor.htmlPass1 / 1
position-area-overflow-icb-001.htmlPass1 / 1
position-area-overflow-icb-002.htmlPass1 / 1
position-area-overflow-icb-003-ltr.htmlPass1 / 1
position-area-overflow-icb-003-rtl.htmlPass1 / 1
position-area-overflow-icb-003.htmlPass1 / 1
position-area-overflow-icb-004-ltr.htmlPass1 / 1
position-area-overflow-icb-004-rtl.htmlPass1 / 1
position-area-overflow-icb-004.htmlPass1 / 1
position-area-overflow-icb-005-ltr.htmlPass1 / 1
position-area-overflow-icb-005-rtl.htmlPass1 / 1
position-area-overflow-icb-006-ltr.htmlPass1 / 1
position-area-overflow-icb-006-rtl.htmlPass1 / 1
position-area-overflow-icb-007-ltr.htmlPass1 / 1
position-area-overflow-icb-007-rtl.htmlPass1 / 1
position-area-overflow-icb-008-ltr.htmlPass1 / 1
position-area-overflow-icb-008-rtl.htmlPass1 / 1
position-area-percents-001.htmlPass1 / 1
position-area-pseudo-element-implicit-anchor-dynamic.htmlPass1 / 1
position-area-pseudo-element-implicit-anchor.htmlPass1 / 1
position-area-scroll-adjust.htmlPass1 / 1
position-area-scrolling-004.tentative.htmlPass1 / 1
position-area-visibility-change.htmlPass1 / 1
position-try-005.htmlPass1 / 1
position-try-fallbacks-001.htmlPass1 / 1
position-try-fallbacks-002.htmlPass1 / 1
position-try-fallbacks-004.htmlPass1 / 1
position-try-fallbacks-multicol-001.htmlPass1 / 1
position-try-fallbacks-multicol-002.htmlPass1 / 1
position-try-order-include-base.htmlPass1 / 1
position-try-order-logical.htmlPass1 / 1
position-try-switch-from-fixed-anchor.htmlPass1 / 1
position-try-switch-to-fixed-anchor.htmlPass1 / 1
position-try-tree-scoped-pseudo.htmlPass1 / 1
position-visibility-add-no-overflow.htmlPass1 / 1
position-visibility-anchor-valid-001.htmlPass1 / 1
position-visibility-anchor-valid-dynamic.htmlPass1 / 1
position-visibility-anchor-valid.tentative.htmlPass1 / 1
position-visibility-anchor-visible.htmlPass1 / 1
position-visibility-anchors-visible-after-scroll-in-document.htmlPass1 / 1
position-visibility-anchors-visible-after-scroll-in.htmlPass1 / 1
position-visibility-anchors-visible-after-scroll-out.htmlPass1 / 1
position-visibility-anchors-visible-both-position-fixed.htmlPass1 / 1
position-visibility-anchors-visible-chained-001.htmlPass1 / 1
position-visibility-anchors-visible-chained-002.htmlPass1 / 1
position-visibility-anchors-visible-chained-003.htmlPass1 / 1
position-visibility-anchors-visible-chained-004.htmlPass1 / 1
position-visibility-anchors-visible-change-anchor.htmlPass1 / 1
position-visibility-anchors-visible-change-css-visibility.htmlPass1 / 1
position-visibility-anchors-visible-clip.htmlPass1 / 1
position-visibility-anchors-visible-css-visibility.htmlPass1 / 1
position-visibility-anchors-visible-dynamic-anchor-toggle.htmlPass1 / 1
position-visibility-anchors-visible-in-overflow.htmlPass1 / 1
position-visibility-anchors-visible-inline-cb.htmlPass1 / 1
position-visibility-anchors-visible-non-intervening-container.htmlPass1 / 1
position-visibility-anchors-visible-position-fixed.htmlPass1 / 1
position-visibility-anchors-visible-stacked-child.htmlPass1 / 1
position-visibility-anchors-visible-stacked-child.tentative.htmlPass1 / 1
position-visibility-anchors-visible-with-position.htmlPass1 / 1
position-visibility-initial.htmlPass1 / 1
position-visibility-no-overflow-nested.htmlPass1 / 1
position-visibility-no-overflow-scroll-002.htmlPass1 / 1
position-visibility-no-overflow-scroll.htmlPass1 / 1
position-visibility-no-overflow-stacked-child.htmlPass1 / 1
position-visibility-no-overflow-without-anchor.htmlPass1 / 1
position-visibility-no-overflow.htmlPass1 / 1
position-visibility-remove-anchors-visible.htmlPass1 / 1
position-visibility-remove-no-overflow.htmlPass1 / 1
pseudo-element-implicit-anchor-center.htmlPass1 / 1
pseudo-element-implicit-anchor.htmlPass1 / 1
pseudo-element-with-slotted-anchor.htmlPass1 / 1
scroll-to-anchored-fixed-000.htmlPass1 / 1
scroll-to-anchored-fixed-001.htmlPass1 / 1
scroll-to-anchored-fixed-002.htmlPass1 / 1
scroll-to-anchored-fixed-003.htmlPass1 / 1
scroll-to-anchored-fixed-004.htmlFail0 / 1TEST BUGthe test expects the fixed box with position-area: center span-all; left: calc(100vw - 5em) not to follow its anchor in the horizontal axis (its reference resets the horizontal scroll position after the focus: the viewport must only scroll in the other axis), as Chrome and Safari do when the tracks of position-area are span-all in an axis; css-anchor-position-1 says that a box compensates for scroll "in the horizontal or vertical axis" when "abspos has a non-none value for position-area" (https://drafts.csswg.org/css-anchor-position-1/#compensate-for-scroll, no condition on the axis), so the library moves the box with the document in both axes and focus() (which now scrolls the viewport for an anchored fixed box) also scrolls the viewport in the horizontal axis; Firefox fails too
scroll-to-anchored-fixed-005.htmlPass1 / 1
scroll-to-anchored-fixed-006.htmlFail0 / 1TEST BUGthe test expects the fixed box with position-area: span-all center; top: calc(100vh - 5em) not to follow its anchor in the vertical axis (its reference resets the vertical scroll position after the focus: the viewport must only scroll in the other axis), as Chrome and Safari do when the tracks of position-area are span-all in an axis; css-anchor-position-1 says that a box compensates for scroll "in the horizontal or vertical axis" when "abspos has a non-none value for position-area" (https://drafts.csswg.org/css-anchor-position-1/#compensate-for-scroll, no condition on the axis), so the library moves the box with the document in both axes and focus() (which now scrolls the viewport for an anchored fixed box) also scrolls the viewport in the vertical axis; Firefox fails too
sticky-anchor-position-invalid.htmlPass1 / 1
transform-001.htmlPass1 / 1
transform-002.htmlPass1 / 1
transform-003.htmlPass1 / 1
transform-004.htmlPass1 / 1
transform-005.htmlPass1 / 1
transform-006.htmlPass1 / 1
transform-007.htmlPass1 / 1
transform-008.htmlPass1 / 1
transform-009.htmlPass1 / 1
transform-018.htmlPass1 / 1
transform-020.htmlPass1 / 1
transform-022.htmlPass1 / 1
under-invalidation.htmlPass1 / 1
vertical-aligned-table-cell.htmlPass1 / 1