wpt / css / css-overflow / parsing / scrollbar-gutter-invalid.html

Status: PASS | Duration: 59ms | Subtests: 26/26 | Open test on wpt.live | wpt.fyi

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
e.style['scrollbar-gutter'] = "auto both" should not set the property valuePASS
e.style['scrollbar-gutter'] = "force auto" should not set the property valuePASS
e.style['scrollbar-gutter'] = "auto always" should not set the property valuePASS
e.style['scrollbar-gutter'] = "always stable" should not set the property valuePASS
e.style['scrollbar-gutter'] = "force" should not set the property valuePASS
e.style['scrollbar-gutter'] = "both" should not set the property valuePASS
e.style['scrollbar-gutter'] = "force both" should not set the property valuePASS
e.style['scrollbar-gutter'] = "" should not set the property valuePASS
e.style['scrollbar-gutter'] = "0" should not set the property valuePASS
e.style['scrollbar-gutter'] = "1px" should not set the property valuePASS
e.style['scrollbar-gutter'] = "3em" should not set the property valuePASS
e.style['scrollbar-gutter'] = "1 2 3" should not set the property valuePASS
e.style['scrollbar-gutter'] = "none" should not set the property valuePASS
e.style['scrollbar-gutter'] = "red" should not set the property valuePASS
e.style['scrollbar-gutter'] = "stable both" should not set the property valuePASS
e.style['scrollbar-gutter'] = "stable force" should not set the property valuePASS
e.style['scrollbar-gutter'] = "stable both force" should not set the property valuePASS
e.style['scrollbar-gutter'] = "always" should not set the property valuePASS
e.style['scrollbar-gutter'] = "always both" should not set the property valuePASS
e.style['scrollbar-gutter'] = "always force" should not set the property valuePASS
e.style['scrollbar-gutter'] = "always both force" should not set the property valuePASS
e.style['scrollbar-gutter'] = "auto stable" should not set the property valuePASS
e.style['scrollbar-gutter'] = "auto both-edges" should not set the property valuePASS
e.style['scrollbar-gutter'] = "both-edges" should not set the property valuePASS
e.style['scrollbar-gutter'] = "both-edges auto" should not set the property valuePASS
e.style['scrollbar-gutter'] = "stable auto" should not set the property valuePASS

/css/css-overflow/parsing/scrollbar-gutter-invalid.html

<!doctype html>
<meta charset="utf-8">
<title>CSS Overflow: parsing invalid scrollbar-gutter declarations</title>
<link rel="author" title="Felipe Erias Morandeira" href="mailto:felipeerias@gmail.com"/>
<link rel="help" href="https://www.w3.org/TR/css-overflow-4/#scollbar-gutter-property"/>
<meta name="assert" content="Parsing invalid scrollbar-gutter declarations">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>

<script>

    test_invalid_value("scrollbar-gutter", "auto both");
    test_invalid_value("scrollbar-gutter", "force auto");
    test_invalid_value("scrollbar-gutter", "auto always");
    test_invalid_value("scrollbar-gutter", "always stable");
    test_invalid_value("scrollbar-gutter", "force");
    test_invalid_value("scrollbar-gutter", "both");
    test_invalid_value("scrollbar-gutter", "force both");

    test_invalid_value("scrollbar-gutter", "");
    test_invalid_value("scrollbar-gutter", "0");
    test_invalid_value("scrollbar-gutter", "1px");
    test_invalid_value("scrollbar-gutter", "3em");
    test_invalid_value("scrollbar-gutter", "1 2 3");
    test_invalid_value("scrollbar-gutter", "none");
    test_invalid_value("scrollbar-gutter", "red");

    test_invalid_value("scrollbar-gutter", "stable both");
    test_invalid_value("scrollbar-gutter", "stable force");
    test_invalid_value("scrollbar-gutter", "stable both force");
    test_invalid_value("scrollbar-gutter", "always");
    test_invalid_value("scrollbar-gutter", "always both");
    test_invalid_value("scrollbar-gutter", "always force");
    test_invalid_value("scrollbar-gutter", "always both force");

    test_invalid_value("scrollbar-gutter", "auto stable");
    test_invalid_value("scrollbar-gutter", "auto both-edges");
    test_invalid_value("scrollbar-gutter", "both-edges");
    test_invalid_value("scrollbar-gutter", "both-edges auto");
    test_invalid_value("scrollbar-gutter", "stable auto");

</script>