<!DOCTYPE HTML >
<!--
Any copyright is dedicated to the Public Domain .
http : / / creativecommons . org / publicdomain / zero / 1 . 0 /
-->
<html ><head >
<meta charset="utf-8" >
<title >Testcase for bug </title >
<style >
html ,body {
color:black; background-color:white; font :10 px/1 monospace; padding:0 ; margin:0 ;
}
li ::before { content: " list-item counter:" counters(list-item,"." ) " " ; }
ol ,ul { border:1 px solid; margin: 0 ; }
div > ul { counter-reset: list-item 7 ; }
</style >
</head >
<body >
<div contenteditable>
<ol start=8 >
<li >A </li >
<ol ></ol >
<li class="indent" >B </li >
<li >C</li >
</ol >
</div >
<div contenteditable>
<ol start=8 >
<li >A </li >
<li class="indent" >B </li >
<ol ></ol >
<li >C</li >
</ol >
</div >
<div contenteditable>
<ul >
<li >A </li >
<ul ></ul >
<li class="indent" >B </li >
<li >C</li >
</ul >
</div >
<div contenteditable>
<ul >
<li >A </li >
<li class="indent" >B </li >
<ul ></ul >
<li >C</li >
</ul >
</div >
<!-- now the same as above without whitespace: -->
<div contenteditable><ol start=8 ><li >A </li ><ol ></ol ><li class="indent" >B </li ><li >C</li ></ol ></div >
<div contenteditable><ol start=8 ><li >A </li ><li class="indent" >B </li ><ol ></ol ><li >C</li ></ol ></div >
<div contenteditable><ul ><li >A </li ><ul ></ul ><li class="indent" >B </li ><li >C</li ></ul ></div >
<div contenteditable><ul ><li >A </li ><li class="indent" >B </li ><ul ></ul ><li >C</li ></ul ></div >
<script >
function test() {
[...document.querySelectorAll('.indent' )].forEach(function(elm) {
var r = document.createRange();
r.setStart(elm.firstChild,0 )
r.setEnd(elm.firstChild,0 )
window.getSelection().addRange(r);
document.execCommand("indent" );
window.getSelection().removeAllRanges();
});
}
test();
document.activeElement.blur();
</script >
</body >
</html >
Messung V0.5 in Prozent C=90 H=98 G=94
¤ Dauer der Verarbeitung: 0.4 Sekunden
¤
*© Formatika GbR, Deutschland