third_party/WebKit/LayoutTests/editing/deleting/delete-across-editable-content-boundaries-3.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <p id="description">This tests to see that selected editable nodes that are not in both the start and end editable roots are cleared.  You should see one non-editable piece and an editable one and then two empty table cells.  The table cells are editable but are preserved and not removed because they are in a non-editable region.  They should be completely cleared out, even the second one that contains a non-editable piece. &lt;radr://problem/5026848&gt;</p>
   5 <div id="div" contenteditable="true">
   6 <table border="1" contenteditable="false">
   7     <tr>
   8         <td>Non-editable</td>
   9         <td contenteditable="true">Editable <span id="start">content</span></td>
  10         <!-- The following cell should be removed, even though it contains non-editable pieces. -->
  11         <td contenteditable="true">Editable</td>
  12         <td contenteditable="true">Edit<span contenteditable="false">(non-editable content that should be removed because its in an editable region)</span>able</td>
  13     </tr>
  14 </table>
  15 Editable <span id="end">content</span>
  16 </div>
  17
  18 <script src="../../resources/dump-as-markup.js"></script>
  19 <script>
  20 var sel = window.getSelection();
  21 var start = document.getElementById("start");
  22 var end = document.getElementById("end");
  23 sel.setBaseAndExtent(start, 0, end, 0);
  24 document.execCommand("Delete");
  25 Markup.description(description.textContent);
  26 Markup.dump("div");
  27 </script>
  28
  29 </body>
  30 </html>