text-overflow-019.html (854B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Basic User Interface Test: ellipsed text selection</title> 5 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 6 <link rel="help" href="http://www.w3.org/TR/css3-ui/#ellipsis-interaction"> 7 <meta name="flags" content="interact dom should"> 8 <meta name="assert" content="If all of the ellipsed text is selected, UAs should show selection of the ellipsis."> 9 <style> 10 div{ 11 font-size: 25px; 12 font-family: monospace; 13 width: 2.1ch; 14 white-space: pre; 15 overflow: hidden; 16 text-overflow: ellipsis; 17 border: solid blue; 18 } 19 </style> 20 21 <p>This test passes if both the “P” and the ellipsis (“…”) in the blue box bellow appear selected. 22 <div id=test>Pass</div> 23 24 <script> 25 var sel = window.getSelection(); 26 sel.selectAllChildren(document.getElementById("test")); 27 </script>