OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../../../resources/check-layout.js"></script> |
| 5 <style type="text/css"> |
| 6 ::-webkit-scrollbar { |
| 7 width: 10px; |
| 8 height: 10px; |
| 9 } |
| 10 ::-webkit-scrollbar-thumb { |
| 11 border-radius: 4px; |
| 12 background-color: #CCCCCC; |
| 13 -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); |
| 14 } |
| 15 div { |
| 16 position: absolute; |
| 17 top: 200px; |
| 18 left: 0px; |
| 19 background-color: red; |
| 20 width: 200px; |
| 21 height: 150px; |
| 22 padding: 0px; |
| 23 overflow: scroll; |
| 24 visibility: hidden; |
| 25 } |
| 26 #scrollChild { |
| 27 width: 150%; |
| 28 height: 200px; |
| 29 padding: 0px; |
| 30 } |
| 31 </style> |
| 32 </head> |
| 33 <body> |
| 34 Tests that element.clientWidth of visible element with scrollbars return
s proper values |
| 35 <div id="scrollDiv" data-expected-client-width="190"><p id="scrollChild"
></p></div> |
| 36 <p id="test-output"></p> |
| 37 </body> |
| 38 <script type="text/javascript"> |
| 39 window.checkLayout("div", document.getElementById("test-output")); |
| 40 </script> |
| 41 </html> |
OLD | NEW |