third_party/WebKit/LayoutTests/fast/lists/markers-in-selection.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   2 <HTML>
   3 <HEAD>
   4 <TITLE></TITLE>
   5 <style>
   6 .inside { list-style-position: inside; }
   7 .img { list-style-image: url(resources/white.gif) }
   8 </style>
   9 <script>
  10     function select() {
  11         var s = document.getElementById("start");
  12         var e = document.getElementById("end");
  13         window.getSelection().setBaseAndExtent(s, 0, e, 0);
  14     }
  15 </script>
  16 </HEAD>
  17 <BODY onload="select();">
  18 <p>
  19     Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=8408">http://bugzilla.opendarwin.org/show_bug.cgi?id=8408</a>
  20     Paint the highlight behind selected list markers</i>.
  21 </p>
  22 <p>
  23     This tests the rendering of list markers inside the selection.
  24 </p>
  25 <a id="start"></a>
  26 <hr>
  27 <UL>
  28 <LI>Item with outside marker
  29 </UL>
  30
  31 <UL class="inside">
  32 <LI>Item with inside marker
  33 </UL>
  34
  35 <UL class="img">
  36 <LI>Item with outside image marker
  37 </UL>
  38
  39 <UL class="img inside">
  40 <LI>Item with inside image marker
  41 </UL>
  42
  43 <OL>
  44 <LI>Item with outside ordinal
  45 <LI>and another one
  46 </OL>
  47
  48 <OL class="inside">
  49 <LI>Item with inside ordinal
  50 <LI>and another one
  51 </OL>
  52 <hr>
  53 <a id="end"></a>
  54 </BODY>
  55 </HTML>