third_party/WebKit/LayoutTests/fast/text/flexbox-selection-nested-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3 #root {
   4   background-color: #ddd;
   5   font-size: 24pt;
   6   position: relative;
   7   width: 200px;
   8 }
   9 span {
  10   display: inline-block;
  11   width: 100px;
  12 }
  13 </style>
  14
  15 This test verifies that a selection spanning nested flexbox boundaries
  16 is drawn correctly.
  17
  18 <div id="root">
  19   <div>
  20     <span id="start">aaa</span><span>bbb</span>
  21   </div>
  22   <div>
  23     <span>ccc</span><span id="end">ddd</span>
  24   </div>
  25 </div>
  26 <script>
  27
  28 var start = document.querySelector('#start'),
  29     end = document.querySelector('#end');
  30 getSelection().setBaseAndExtent(start.firstChild, 1, end.firstChild, 2);
  31 focus();
  32
  33 </script>