Blitz - WPT: overflow-computed.html

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

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

Subtest	Status	Message
Property overflow value 'visible'	PASS
Property overflow value 'hidden'	PASS
Property overflow value 'clip'	PASS
Property overflow value 'scroll'	PASS
Property overflow value 'auto'	PASS
Property overflow value 'auto auto'	PASS
Property overflow value 'auto clip'	FAIL	assert_equals: expected "auto clip" but got "auto hidden"
Property overflow value 'auto visible'	PASS
Property overflow value 'clip auto'	FAIL	assert_equals: expected "clip auto" but got "hidden auto"
Property overflow value 'clip clip'	PASS
Property overflow value 'clip hidden'	FAIL	assert_equals: expected "clip hidden" but got "hidden"
Property overflow value 'clip scroll'	FAIL	assert_equals: expected "clip scroll" but got "hidden scroll"
Property overflow value 'clip visible'	PASS
Property overflow value 'hidden clip'	FAIL	assert_equals: expected "hidden clip" but got "hidden"
Property overflow value 'hidden visible'	PASS
Property overflow value 'scroll auto'	PASS
Property overflow value 'scroll clip'	FAIL	assert_equals: expected "scroll clip" but got "scroll hidden"
Property overflow value 'scroll visible'	PASS
Property overflow value 'visible auto'	PASS
Property overflow value 'visible hidden'	PASS
Property overflow value 'visible scroll'	PASS
Property overflow value 'visible clip'	PASS
Property overflow value 'visible visible'	PASS
Property overflow-x value 'scroll'	PASS
Property overflow-x value 'hidden'	PASS
Property overflow-x value 'visible'	PASS
Property overflow-y value 'clip'	PASS
Property overflow-y value 'auto'	PASS
Property overflow-y value 'visible'	PASS
Property overflow-block value 'hidden'	PASS
Property overflow-block value 'clip'	PASS
Property overflow-block value 'visible'	PASS
Property overflow-inline value 'scroll'	PASS
Property overflow-inline value 'visible'	PASS

Enable JavaScript in test iframe

/css/css-overflow/parsing/overflow-computed.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow: getComputedStyle().overflow</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow">
<meta name="assert" content="visible computes to auto if one of overflow-x or overflow-y is neither visible nor clip.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("overflow", 'visible');
test_computed_value("overflow", 'hidden');
test_computed_value("overflow", 'clip');
test_computed_value("overflow", 'scroll');
test_computed_value("overflow", 'auto');

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


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