css/css-forms

edit

WPT coverage of the tests of css/css-forms 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.

Group	Passing	Tests	Pass rate
Stable	6	9	67%
Tentative	0	0	–
Reftests	6	17	35%
All	12	26	46%

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: 14

Stable tests

Test	Result	Subtests	Kind	Description
`appearance-base-basic.html`	Pass	12 / 12
`appearance-base-cursor.html`	Fail	0 / 25	TEST BUG	the cursors of the controls (`default`, `text`, `not-allowed`, also for a `label` and an `input type=range` without base appearance; csswg-drafts#14251) are not in the Basic Appearance User Agent Stylesheet of the specification, which the library applies: the controls inherit `cursor: pointer` from the body (only Chrome passes)
`checkbox-checkmark-animation.html`	Pass	1 / 1
`input-file-base-appearance-computed.html`	Fail	0 / 1	TEST BUG	the test expects a `border-radius` of 0.5em for `::file-selector-button`; the style sheet of the specification gives the buttons and the button-like controls `border-radius: 4px`
`input-text-base-appearance-computed-style.html`	Fail	0 / 1	TEST BUG	the test expects no `border-radius`, `align-items: normal` (initial) and `user-select: auto` for a text field with base appearance; the style sheet of the specification gives it `border-radius: 4px` and `align-items: unsafe center`
`parsing/checkmark-pseudo-element.html`	Pass	16 / 16
`parsing/picker-icon-pseudo-element.html`	Pass	16 / 16
`parsing/picker-select-pseudo-element.html`	Pass	20 / 20
`radio-checkmark-animation.html`	Pass	1 / 1

Reftests

Test	Result	Variants	Kind	Description
`button-base-appearance-rendering.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`checkbox-checkmark-animation-002.html`	Pass	1 / 1
`datetime-stacking-context.html`	Pass	1 / 1
`input-button-base-appearance-rendering.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`input-checkbox-base-appearance-rendering.html`	Pass	1 / 1
`input-color-base-appearance-rendering.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`input-no-resizer.html`	Pass	1 / 1
`input-number-base-appearance-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`input-search-base-appearance-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`input-text-base-appearance-rendering.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`meter-base-appearance-custom-style-initial-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`meter-base-appearance-custom-style-value-dynamic-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`meter-base-appearance-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`progress-base-appearance-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome
`radio-checkmark-animation-002.html`	Pass	1 / 1
`select-combobox-print.html`	Pass	1 / 1
`textarea-base-appearance-rendering.tentative.html`	Fail	0 / 1	TEST BUG	the references draw the controls with base appearance as Chrome does, not with the Basic Appearance User Agent Stylesheet of the specification that the library applies: the buttons, the color well and the text fields have `border-radius: 4px` in the specification (the references have 0.5em or none, so the corners differ); the track of a progress bar is a content box whose `inline-size: 100%` overflows the control by its borders; the fill of a meter is `currentColor` (the references color it by the state of the value, red, orange, green, with pseudo-classes such as `:even-less-good`); the tests fail in every browser of wpt.fyi but Chrome