OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script src="../../resources/ahem.js"></script> | |
4 <body> | 3 <body> |
5 <p>To manually run the test, put the cursor at the beginning of the next paragra
ph, | 4 <p>To manually run the test, put the cursor at the beginning of the next paragra
ph, |
6 and then press the down arrow key. The caret should go to the next line, | 5 and then press the down arrow key. The caret should go to the next line, |
7 not the beginning of the dashed section.</p> | 6 not the beginning of the dashed section.</p> |
8 | 7 |
9 <div id="result" style="font-family: Ahem; font-size: 16px; color: #fcc; width:4
00px;"> | 8 <div id="result" style="font-family: monospace; font-size: 16px; color: #fcc; wi
dth:400px;"> |
10 aaaa aaaa | 9 aaaa aaaa |
11 <span style="border-style: dashed; background-color: #000"> | 10 <span style="border-style: dashed; background-color: #000"> |
12 aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa | 11 aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa |
13 aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa</span> | 12 aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa</span> |
14 </div> | 13 </div> |
15 <script src="../../resources/dump-as-markup.js"></script> | 14 <script src="../../resources/dump-as-markup.js"></script> |
16 <script> | 15 <script> |
17 document.designMode = 'on'; | 16 document.designMode = 'on'; |
18 | 17 |
19 var selection = window.getSelection(); | 18 var selection = window.getSelection(); |
20 var result = document.getElementById('result'); | 19 var result = document.getElementById('result'); |
21 selection.collapse(result, 0); | 20 selection.collapse(result, 0); |
22 selection.modify('move', 'forward', 'line'); | 21 selection.modify('move', 'forward', 'line'); |
23 | 22 |
24 Markup.dump('result'); | 23 Markup.dump('result'); |
25 </script> | 24 </script> |
26 </body> | 25 </body> |
27 </html> | 26 </html> |
OLD | NEW |