resize-020.html (949B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Basic User Interface Test: resizing min-height/width constraints</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net"> 5 <link rel="help" href="https://drafts.csswg.org/css-ui-3/#resize"> 6 <meta name="flags" content="interact"> 7 <meta name="assert" content="min-width and min-height constraints are honored."> 8 <style> 9 #test { 10 position: absolute; 11 background: orange; 12 min-height: 50px; 13 min-width: 50px; 14 height: 100px; 15 width: 100px; 16 overflow: auto; 17 resize: both; 18 } 19 #ref { 20 position: absolute; 21 background: red; 22 height: 50px; 23 width: 50px; 24 } 25 </style> 26 27 <p>Resize the orange box below to the smallest size possible. 28 There is a smaller unresizable red box beneath it.</p> 29 <p>If you can uncover any amount of red, the test fails. 30 If you cannot resize the orange box, the test also fails. 31 Otherwise, the test passes.</p> 32 33 <div id=ref></div> 34 <div id=test></div>