123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- <html>
- <head>
- <title>Highlighting preformatted text after tab</title>
- <style type="text/css">
- #t4 { font-size: 36px; }
- #t4:first-line { font-size:16px; }
- </style>
- <script type="text/javascript">
- function test1()
- {
- var t = document.getElementById('t1').childNodes[1];
- window.getSelection().setBaseAndExtent(t, 1, t, 13);
- }
- function test2()
- {
- var t = document.getElementById('t2').childNodes[0];
- window.getSelection().setBaseAndExtent(t, 5, t, 23);
- }
- function test3()
- {
- var t = document.getElementById('t3').childNodes[0];
- window.getSelection().setBaseAndExtent(t, 5, t, 23);
- }
- function test4()
- {
- var t = document.getElementById('t4').childNodes[0];
- window.getSelection().setBaseAndExtent(t, 11, t, 29);
- }
- </script>
- </head>
- <body>
- <p>
- This is a test for <i>http://bugs.webkit.org/show_bug.cgi?id=6043
- Incorrect selection highlighting in pre-formatted text with tabs</i>.
- </p>
- <hr>
- <p>
- Instructions:
- </p>
- <p>
- 1. Click <a href="#" onclick="window.setTimeout(test1,1);">test 1</a>.
- The entire word “highlighting” below should be highlighted.
- </p>
- <pre id="t1"><span>Buggy</span> highlighting</pre>
- <p>
- 2. Click <a href="#" onclick="window.setTimeout(test2,1);">test 2</a>.
- The words “buggy highlighting” below should be fully highlighted.
- </p>
- <pre id="t2" style="padding-left: 10px;">Very buggy highlighting</pre>
- <p>
- 3. Click <a href="#" onclick="window.setTimeout(test3,1);">test 3</a>.
- The words “buggy highlighting” below should be fully highlighted.
- </p>
- <pre id="t3" style="margin-left: 10px;">Very buggy highlighting</pre>
- <p>
- 4. Click <a href="#" onclick="window.setTimeout(test4,1);">test 4</a>.
- The words “buggy highlighting” below should be fully highlighted.
- </p>
- <p id="t4">
- Even more buggy highlighting.
- </p>
- </body>
- </html>
|