OLD | NEW |
(Empty) | |
| 1 <script src="../../resources/dump-as-markup.js"></script> |
| 2 <link rel="stylesheet" type="text/css" href="../editingStyle.css"> |
| 3 <body> |
| 4 <div id="test" contenteditable=true> |
| 5 <span>Start</span><div contenteditable=false> |
| 6 Start Not Editable |
| 7 <div contenteditable=true>Editable</div> |
| 8 End Not Editable |
| 9 </div><span>End</span> |
| 10 </div> |
| 11 </body> |
| 12 <script> |
| 13 Markup.description('Test case for bug http://crbug.com/238000 Forward and backwa
rd delete nested content editable'); |
| 14 function $(id) { return document.getElementById(id); } |
| 15 |
| 16 function doIt(element, command, index, collapseToStart) { |
| 17 var sel = getSelection(); |
| 18 if (index < 0) |
| 19 index = element.children.length + index; |
| 20 var node = element.children[index]; |
| 21 var label = document.createTextNode('(' + command + ')'); |
| 22 if (collapseToStart) |
| 23 node.insertBefore(label, node.firstChild); |
| 24 else |
| 25 node.appendChild(label); |
| 26 var range = document.createRange(); |
| 27 range.selectNode(node); |
| 28 range.collapse(collapseToStart); |
| 29 sel.removeAllRanges(); |
| 30 sel.addRange(range); |
| 31 element.focus(); |
| 32 document.execCommand(command); |
| 33 Markup.dump(element); |
| 34 } |
| 35 |
| 36 var forBackspace = $('test'); |
| 37 var forDelete = document.body.appendChild($('test').cloneNode(true)); |
| 38 doIt(forBackspace, 'delete', -1, true); |
| 39 doIt(forDelete, 'forwardDelete', 0, false); |
| 40 </script> |
OLD | NEW |