third_party/WebKit/LayoutTests/fast/forms/textarea-scrolled-mask.html

   1 <!doctype html>
   2 <head>
   3 <style>
   4 #ta {
   5     background-color: lightGray;
   6     -webkit-mask: url(resources/rect.svg);
   7 }
   8 </style>
   9 <script>
  10 function test()
  11 {
  12     // Scroll to the bottom of the text area and remove focus so that painting of outline/focus ring don't affect test result.
  13     ta.setSelectionRange(ta.value.length, ta.value.length);
  14     ta.focus();
  15     ta.blur();
  16 }
  17 </script>
  18 </head>
  19 <body onload="test()">
  20 Test passes if the textarea's gray background and text are masked off to a 10x10 rect.<br>
  21 <textarea id="ta" rows=2>
  22 1
  23 2
  24 3
  25 4
  26 </textarea>
  27 </body>