third_party/WebKit/LayoutTests/editing/execCommand/outdent-selection.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <div contenteditable="true" id="editable">
   5 <span id="item1">Lorem</span><br>
   6 more Lorem!
   7 <blockquote class="webkit-indent-blockquote" style="margin: 0 0 0 40px;">
   8 ipsum<br>
   9
  10 <ul>
  11 <li>Foo</li>
  12 <li>Bar</li>
  13 <li>Baz</li>
  14 </ul>
  15 Dolor
  16 </blockquote>
  17 <ul>
  18   <li>Dinner time?</li>
  19 </ul>
  20 Sum!<br>
  21 <span id="item2">Thing</span>
  22 </div>
  23
  24 <script src="../../resources/dump-as-markup.js"></script>
  25 <script>
  26 var s = window.getSelection();
  27 var p1 = document.getElementById("item1");
  28 var p2 = document.getElementById("item2");
  29 s.collapse(p1, 0);
  30 s.setBaseAndExtent(p1, 0, p2, 2);
  31 document.execCommand("Outdent", false, "");
  32 Markup.description("This test uses the execCommand to Outdent the text below.\n" +
  33     "This demonstrates a bug: the content in the blockquote that's not in a list is pulled out of position.");
  34 Markup.dump(editable);
  35
  36 </script>
  37
  38 </body>
  39 </html>