1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html id="test">
3 <head>
4 <title>CSS Test: Overflow set to visible is interpreted as auto on viewport</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow">
7 <meta name="flags" content="dom">
8 <meta name="assert" content="When 'overflow: visible' is set on the viewport it is interpreted as 'auto' but is still returns a computed value of 'visible'.">
9 <style type="text/css">
10 body
11 {
12 width: 500in;
13 height: 500in;
14 }
15 html
16 {
17 overflow: visible;
18 }
19 #result
20 {
21 border: 1px solid blue;
22 }
23 </style>
24 </head>
25 <body>
26 <p>Test passes if the page has an active scrolling mechanism available to scroll the page and the word 'visible' is inside the box below.</p>
27 <div id="result"></div>
28 <script type="text/javascript">
29
30 var testEl = document.getElementById('test');
31 var propertyValue = window.getComputedStyle(testEl, null).overflow;
32 var newTextNode = document.createTextNode(propertyValue);
33 document.getElementById("result").appendChild(newTextNode);
34
35 </script>
36 </body>
37 </html>