third_party/WebKit/LayoutTests/fast/ruby/ruby-block-style-not-updated-with-before-after-content.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/ahem.js"></script>
   3 <p>The orange, blue, yellow and green text boxes should not overlap.</p>
   4 <style>
   5     #test::before {
   6         content: "1234";
   7         color: orange;
   8     }
   9     #test::after {
  10         content: "4578";
  11         color: yellow;
  12     }
  13     ruby, div {
  14         font: 1em/1 Ahem, sans-serif;
  15     }
  16 </style>
  17 <ruby id="test" style="display:block; color:blue;">
  18     ABCD
  19 </ruby>
  20 <div style="font-size:500%; color:green;">
  21     EFGH
  22 </div>
  23 <script>
  24     document.body.offsetTop;
  25     var test = document.getElementById("test");
  26     test.style.fontSize = "500%";
  27 </script>