third_party/WebKit/LayoutTests/fast/forms/textarea/textarea-placeholder-paint-order.html

   1 <!DOCTYPE html>
   2 <body>
   3 <script>
   4 // We don't care a render tree of this test.
   5 if (window.testRunner)
   6     testRunner.dumpAsTextWithPixelResults();
   7 </script>
   8 <style>
   9 body { overflow: hidden; }
  10
  11 textarea {
  12     color: lime;
  13     text-indent: 1px;
  14     zoom: 8;
  15 }
  16
  17 textarea::-webkit-input-placeholder {
  18     text-indent: -1px;
  19     font-weight: bold;
  20     color: red;
  21 }
  22 </style>
  23 <p>The green caret in the following text box should painted over the red placeholder text.</p>
  24 <textarea placeholder="Placeholder"></textarea>
  25 <script>document.querySelector('textarea').focus();</script>
  26 </body>