Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: resizing constraints</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net">
<meta name="flags" content="interact">
<meta name="assert" content="UAs must not place constrains on resizing that would prevent an element from becoming smaller than its original size.">
<style>
#test {
position: absolute;
background: orange;
height: 100px;
width: 100px;
overflow: auto;
resize: both;
}
#ref {
position: absolute;
background: green;
height: 100px;
width: 100px;
}
</style>
<p>The test passes is you can resize the orange box to be smaller than its initial size.
For reference there is an unresizable green box beneath it.
If you can uncover it, the test passes.</p>
<div id=ref></div>
<div id=test></div>