third_party/WebKit/LayoutTests/fast/forms/select-item-background-clip.html

   1 <html>
   2 <head>
   3     <title></title>
   4 </head>
   5 <body>
   6     <p>
   7         Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12364">http://bugs.webkit.org/show_bug.cgi?id=12364</a>
   8         REGRESSSION (NativeListBox): Selected option's background is not clipped to the list box</i>.
   9     </p>
  10     <select size="4" style="border: 3px solid blue; padding: 3px;" id="sel">
  11         <option>one</option>
  12         <option>two</option>
  13         <option>three</option>
  14         <option style="background-color: purple;">four</option>
  15     </select>
  16 <script>
  17 var sel = document.getElementById('sel');
  18 var itemHeight = (sel.offsetHeight - 11) / sel.size;
  19 sel.style.height = (11 + itemHeight * 3 + 5) + 'px';
  20 </script></body>
  21 </html>