third_party/WebKit/LayoutTests/fast/table/table-row-style-not-updated-with-after-content.html

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