select-text-overflow-ellipsis.html | Explore in Territory

<html>
  <head>
    <title>Test for WebKit bug 29968: Selecting text with text-overflow ellipsis should not show cut off text</title></head>
  <style type="text/css">
    .cutoff {
      width: 95px;
      white-space: pre;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    ::selection,
    ::selection:window-inactive {
      background-color: rgb(176, 176, 176);
      color: black;
    }
  </style>
  <body>
    <h3>Test for <a href='https://bugs.webkit.org/show_bug.cgi?id=29968'>WebKit bug 29968</a>: Selecting text with text-overflow ellipsis should not show cut off text</h3>
    <div id="selection_with_ellipsis" class="cutoff">Lorem ipsum dolor</div>
    <script src="../../resources/run-after-layout-and-paint.js"></script>
    <script>
      runAfterLayoutAndPaint(function() {
        getSelection().setBaseAndExtent(selection_with_ellipsis.firstChild, 0, selection_with_ellipsis.firstChild, 11);
      }, true);
    </script>
  </body>
</html>

chromium/third_party/blink/web_tests/editing/selection/select-text-overflow-ellipsis.html