OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html lang="ja"> |
3 <head> | 3 <head> |
4 <meta charset="UTF-8"> | 4 <meta charset="UTF-8"> |
5 <title>Test selection across multiple shaper runs</title> | 5 <title>Test selection across multiple shaper runs</title> |
6 <style> | 6 <style> |
7 body { font-size: 30px; } | 7 body { font-size: 30px; } |
8 ::selection { color: red; background: rgba(120,120,120,120); } | 8 ::selection { color: red; background: rgba(120,120,120,120); } |
9 </style> | 9 </style> |
10 </head> | 10 </head> |
11 <body> | 11 <body> |
12 <p>The selection should be painted correctly from and including 猫 until
and including C, then from right to left for العر. </p> | 12 <p>The selection should be painted correctly from and including 猫 until
and including C, then from right to left for العر. </p> |
13 <div>吾輩は猫で मानक हिन्दीABCالعربية</div> | 13 <div>吾輩は猫で मानक हिन्दीABCالعربية</div> |
14 <div id="multiruns">吾輩は猫で मानक हिन्दीABCالعربية</div> | 14 <div id="multiruns">吾輩は猫で मानक हिन्दीABCالعربية</div> |
15 <script> | 15 <script> |
16 var node = document.getElementById('multiruns').firstChild; | 16 var node = document.getElementById('multiruns').firstChild; |
17 var range = document.createRange(); | 17 var range = document.createRange(); |
18 range.setStart(node, 3); | 18 range.setStart(node, 3); |
19 range.setEnd(node, node.length - 3); | 19 range.setEnd(node, node.length - 3); |
20 window.getSelection().addRange(range); | 20 window.getSelection().addRange(range); |
21 </script> | 21 </script> |
22 </body> | 22 </body> |
23 </html> | 23 </html> |
OLD | NEW |