wpt / css / css-overflow / parsing / overflow-valid.html

Status: PASS | Duration: 57ms | Subtests: 18/18 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (18/18)

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

SubtestStatusMessage
e.style['overflow'] = "visible" should set the property valuePASS
e.style['overflow'] = "hidden" should set the property valuePASS
e.style['overflow'] = "clip" should set the property valuePASS
e.style['overflow'] = "scroll" should set the property valuePASS
e.style['overflow'] = "auto" should set the property valuePASS
e.style['overflow'] = "visible visible" should set the property valuePASS
e.style['overflow'] = "hidden visible" should set the property valuePASS
e.style['overflow'] = "clip clip" should set the property valuePASS
e.style['overflow'] = "scroll auto" should set the property valuePASS
e.style['overflow'] = "auto auto" should set the property valuePASS
e.style['overflow-x'] = "visible" should set the property valuePASS
e.style['overflow-x'] = "scroll" should set the property valuePASS
e.style['overflow-y'] = "clip" should set the property valuePASS
e.style['overflow-y'] = "auto" should set the property valuePASS
e.style['overflow-block'] = "hidden" should set the property valuePASS
e.style['overflow-block'] = "clip" should set the property valuePASS
e.style['overflow-inline'] = "scroll" should set the property valuePASS
e.style['overflow-inline'] = "visible" should set the property valuePASS

/css/css-overflow/parsing/overflow-valid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: parsing overflow with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow">
<meta name="assert" content="overflow supports the full grammar '[ visible | hidden | clip | scroll | auto ]{1,2}'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("overflow", 'visible');
test_valid_value("overflow", 'hidden');
test_valid_value("overflow", 'clip');
test_valid_value("overflow", 'scroll');
test_valid_value("overflow", 'auto');

test_valid_value("overflow", 'visible visible', 'visible');
test_valid_value("overflow", 'hidden visible');
test_valid_value("overflow", 'clip clip', 'clip');
test_valid_value("overflow", 'scroll auto');
test_valid_value("overflow", 'auto auto', 'auto');


test_valid_value("overflow-x", 'visible');
test_valid_value("overflow-x", 'scroll');
test_valid_value("overflow-y", 'clip');
test_valid_value("overflow-y", 'auto');
test_valid_value("overflow-block", 'hidden');
test_valid_value("overflow-block", 'clip');
test_valid_value("overflow-inline", 'scroll');
test_valid_value("overflow-inline", 'visible');
</script>
</body>
</html>