exec-command-indent-ws.html (1760B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>Testcase for bug </title> 9 <style> 10 html,body { 11 color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0; 12 } 13 14 li::before { content: " list-item counter:" counters(list-item,".") " "; } 15 ol,ul { border:1px solid; margin: 0; } 16 div > ul { counter-reset: list-item 7; } 17 </style> 18 </head> 19 <body> 20 21 <div contenteditable> 22 <ol start=8> 23 <li>A</li> 24 <ol></ol> 25 <li class="indent">B</li> 26 <li>C</li> 27 </ol> 28 </div> 29 30 <div contenteditable> 31 <ol start=8> 32 <li>A</li> 33 <li class="indent">B</li> 34 <ol></ol> 35 <li>C</li> 36 </ol> 37 </div> 38 39 <div contenteditable> 40 <ul> 41 <li>A</li> 42 <ul></ul> 43 <li class="indent">B</li> 44 <li>C</li> 45 </ul> 46 </div> 47 48 <div contenteditable> 49 <ul> 50 <li>A</li> 51 <li class="indent">B</li> 52 <ul></ul> 53 <li>C</li> 54 </ul> 55 </div> 56 57 <!-- now the same as above without whitespace: --> 58 59 <div contenteditable><ol start=8><li>A</li><ol></ol><li class="indent">B</li><li>C</li></ol></div> 60 <div contenteditable><ol start=8><li>A</li><li class="indent">B</li><ol></ol><li>C</li></ol></div> 61 <div contenteditable><ul><li>A</li><ul></ul><li class="indent">B</li><li>C</li></ul></div> 62 <div contenteditable><ul><li>A</li><li class="indent">B</li><ul></ul><li>C</li></ul></div> 63 64 <script> 65 function test() { 66 [...document.querySelectorAll('.indent')].forEach(function(elm) { 67 var r = document.createRange(); 68 r.setStart(elm.firstChild,0) 69 r.setEnd(elm.firstChild,0) 70 window.getSelection().addRange(r); 71 document.execCommand("indent"); 72 window.getSelection().removeAllRanges(); 73 }); 74 } 75 76 test(); 77 document.activeElement.blur(); 78 </script> 79 80 </body> 81 </html>