third_party/WebKit/LayoutTests/fast/dom/Element/scroll-width-hidden.html

   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 returns 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>