third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-vertical-select.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       .testDiv {
   6         overflow: hidden;
   7         text-overflow: ellipsis;
   8         font-size: 72px;
   9         /* The height should be a little larger than logical width of Ahem character "Bl". */
  10         height: 150px;
  11         -webkit-writing-mode: vertical-rl;
  12       }
  13     </style>
  14   </head>
  15   <body>
  16     <!-- We should use Ahem because the character "i" should be overflowed on all platforms. -->
  17     <div id="target" class="testDiv"><span style="font-family: Ahem">Bl</span>ink</div>
  18     <script>
  19       var range = document.createRange();
  20       range.selectNode(document.getElementById("target"));
  21       window.getSelection().addRange(range);
  22     </script>
  23   </body>
  24 </html>