fune/testing/web-platform/tests/css/css-scrollbars/scrollbar-width-parsing.html
Felipe Erias 8a3a51644f Bug 1672657 [wpt PR 26210] - CSS parsing of scrollbar-width, a=testonly
Automatic update from web-platform-tests
CSS parsing of scrollbar-width

The scrollbar-width CSS property allows the author to set the
maximum thickness of an element’s scrollbars when they are shown.
Its value is one of the keywords "auto", "thin", and "none".

This is part of the CSSScrollbars feature (status: test).

See the CSS Scrollbars spec for more details:
https://drafts.csswg.org/css-scrollbars

Bug: 891944
Change-Id: Iddc833d6af877c312a11452a6cfdcb05d45b1a63
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2488947
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Felipe Erias Morandeira <felipeerias@gmail.com>
Cr-Commit-Position: refs/heads/master@{#819763}

--

wpt-commits: 7fda9d4ab2a78b76848500554894bbfc3836f092
wpt-pr: 26210
2020-10-26 12:06:26 +00:00

30 lines
1.3 KiB
HTML

<!doctype html>
<meta charset="utf-8">
<title>CSS Overflow: parsing scrollbar-width declarations</title>
<link rel="author" title="Felipe Erias Morandeira" href="mailto:felipeerias@gmail.com"/>
<link rel="help" href="https://drafts.csswg.org/css-scrollbars/"/>
<meta name="assert" content="Parsing scrollbar-width declarations">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<script>
test_valid_value("scrollbar-width", "auto");
test_valid_value("scrollbar-width", "thin");
test_valid_value("scrollbar-width", "none");
test_invalid_value("scrollbar-width", "");
test_invalid_value("scrollbar-width", "auto none");
test_invalid_value("scrollbar-width", "thin auto");
test_invalid_value("scrollbar-width", "none thin");
test_invalid_value("scrollbar-width", "auto thin none");
test_invalid_value("scrollbar-width", "tiny");
test_invalid_value("scrollbar-width", "enormous");
test_invalid_value("scrollbar-width", "12px");
test_invalid_value("scrollbar-width", "3em");
test_invalid_value("scrollbar-width", "20%");
test_invalid_value("scrollbar-width", "#FF0000");
test_invalid_value("scrollbar-width", "red green");
</script>