third_party/WebKit/LayoutTests/fast/css-generated-content/float-first-letter-siblings-convert-to-inline.html

   1 <style>
   2 .inlineFL::first-letter { overflow: visible; }
   3 .absolutePosition { position: absolute; }
   4 .floatFL:first-letter { float: right; }
   5 </style>
   6 <script>
   7 function recreateFirstLetterBlock() {
   8   document.getElementById("parent").setAttribute('class', 'inlineFL');
   9   if (window.testRunner)
  10     testRunner.notifyDone();
  11 }
  12 function removeDiv() {
  13   // This causes the parent to only have inline (and floating) children
  14   document.getElementById("parent").removeChild(document.getElementById("child"));
  15   setTimeout("recreateFirstLetterBlock();", 10);
  16 }
  17
  18 function changeDivStyle() {
  19   document.getElementById("child").setAttribute('class', 'inlineFL');
  20   setTimeout("removeDiv();", 10);
  21 }
  22 function startTest() {
  23   setTimeout("changeDivStyle();", 10);
  24   if (window.testRunner) {
  25     testRunner.waitUntilDone();
  26     testRunner.dumpAsText();
  27   }
  28 }
  29 window.onload = startTest;
  30 </script>
  31 <div id="parent" class="floatFL">
  32   <div id="child" class="absolutePosition"></div>
  33   PASS if no crash or assert
  34 </div>