text-overflow-018.html (990B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Basic User Interface Test: selecting the ellipsis</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 should"> 8 <meta name="assert" content="Selecting the ellipsis should select the ellipsed text"> 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 padding-right: 0.9ch; 19 } 20 textarea { 21 width: 100%; 22 box-sizing: border-box; 23 border: solid orange; 24 } 25 </style> 26 27 <p>Select the elipsis character (“…”) in the blue box below, copy it to the clipboard, and paste the result into the orange box. 28 <p>This test passes if the pasted text is “This test passes”. If only part of that text is pasted, the test fails. 29 <div> This test passes</div> 30 <textarea></textarea>