1<html> 2<head> 3<title>Highlighting preformatted text after tab</title> 4<style type="text/css"> 5#t4 { font-size: 36px; } 6#t4:first-line { font-size:16px; } 7</style> 8<script type="text/javascript"> 9function test1() 10{ 11 var t = document.getElementById('t1').childNodes[1]; 12 window.getSelection().setBaseAndExtent(t, 1, t, 13); 13} 14 15function test2() 16{ 17 var t = document.getElementById('t2').childNodes[0]; 18 window.getSelection().setBaseAndExtent(t, 5, t, 23); 19} 20 21function test3() 22{ 23 var t = document.getElementById('t3').childNodes[0]; 24 window.getSelection().setBaseAndExtent(t, 5, t, 23); 25} 26 27function test4() 28{ 29 var t = document.getElementById('t4').childNodes[0]; 30 window.getSelection().setBaseAndExtent(t, 11, t, 29); 31} 32</script> 33</head> 34<body> 35<p> 36This is a test for <i>http://bugs.webkit.org/show_bug.cgi?id=6043 37Incorrect selection highlighting in pre-formatted text with tabs</i>. 38</p> 39<hr> 40<p> 41Instructions: 42</p> 43<p> 441. Click <a href="#" onclick="window.setTimeout(test1,1);">test 1</a>. 45The entire word “highlighting” below should be highlighted. 46</p> 47<pre id="t1"><span>Buggy</span> highlighting</pre> 48<p> 492. Click <a href="#" onclick="window.setTimeout(test2,1);">test 2</a>. 50The words “buggy highlighting” below should be fully highlighted. 51</p> 52<pre id="t2" style="padding-left: 10px;">Very buggy highlighting</pre> 53<p> 543. Click <a href="#" onclick="window.setTimeout(test3,1);">test 3</a>. 55The words “buggy highlighting” below should be fully highlighted. 56</p> 57<pre id="t3" style="margin-left: 10px;">Very buggy highlighting</pre> 58<p> 594. Click <a href="#" onclick="window.setTimeout(test4,1);">test 4</a>. 60The words “buggy highlighting” below should be fully highlighted. 61</p> 62<p id="t4"> 63Even more buggy highlighting. 64</p> 65</body> 66</html> 67