summaryrefslogtreecommitdiffstats
path: root/layout/reftests/first-letter/dynamic-4.html
blob: 636859e95278a5103bdc9a04eb21d6fa0d61c853 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html class="reftest-wait">
  <style>
    span.x { color: green; }
    div::first-letter { font-size: 100px; }
  </style>
  <div style="color: red">
    <span>X</span>
  </div>
  <script>
  addEventListener("load", function() {
    // Make sure we do our class change after we've done our next restyle, so we
    // won't get a spurious restyle hiding the problem we're testing.
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        var s = document.querySelector("span");
        s.className = 'x'
        document.documentElement.className = "";
      });
    });
  });
  </script>
</html>