third_party/WebKit/LayoutTests/fast/overflow/image-selection-highlight.html

   1 <html>
   2 <head>
   3     <title>Highlighting a selected image in scrolled block</title>
   4     <script type="text/javascript">
   5         function test()
   6         {
   7             var t = document.getElementById('target');
   8             window.getSelection().setBaseAndExtent(t.childNodes[0],58,t.childNodes[2],11);
   9             t.scrollTop = 40;
  10         }
  11     </script>
  12 </head>
  13 <body onload="test()">
  14     <p>
  15         This tests for a regression against <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6673">http://bugzilla.opendarwin.org/show_bug.cgi?id=6673</a>
  16         Selection highlight doesn't scroll along with an image contained in an overflow:scroll block</i>.
  17     </p>
  18     <p>
  19         There should be one contiguous highlight from &ldquo;elit&rdquo; to &ldquo;Etiam&rdquo;,
  20         including the orange square, and no other highlighted areas.
  21     </p>
  22     <hr>
  23     <div id="target" style="overflow: auto; width: 100px; height: 200px;">
  24      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  25     <img src="data:image/gif;base64,R0lGODlhCgAKAIAAAP/MAAAAACH5BAAAAAAALAAAAAAKAAoAAAIIhI+py+0PYysAOw==">
  26      Etiam et ipsum. Nam consectetuer mi eget velit.
  27      Sed nec risus vitae felis auctor ultricies. Pellentesque
  28      aliquet...
  29      </div>
  30 </body>