Blitz - WPT: baseline-shift-sub-super-svg.html

wpt / css / css-inline / baseline-shift / baseline-shift-sub-super-svg.html

Data from commit:
1884860 Copy-on-write style attribute blocks that are in the rule tree (#831) (2026-09-02)

Subtest	Status	Message
baseline-shift: sub is below baseline	FAIL	not a callable function
baseline-shift: super is above baseline	FAIL	not a callable function

Enable JavaScript in test iframe

/css/css-inline/baseline-shift/baseline-shift-sub-super-svg.html

<!DOCTYPE html>
<html>
<head>
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <link rel="help" href="https://drafts.csswg.org/css-inline-3/#baseline-shift-property">
  <link rel="stylesheet" href="/fonts/ahem.css">
  <meta name="flags" content="ahem" />
  <meta charset="utf-8">
</head>
<body>
  <svg>
    <text y="80" style="font: 20px/1 'Ahem';">
      <tspan id="baseline">X</tspan>
      <tspan id="sub" baseline-shift="sub">X</tspan>
      <tspan id="super" baseline-shift="super">X</tspan>
    </text>
  </svg>
  <script>
    const $baseline = document.getElementById('baseline');
    const $sub = document.getElementById('sub');
    const $super = document.getElementById('super');

    test(() => {
      assert_greater_than(
        $sub.getBBox().y,
        $baseline.getBBox().y
      );
    }, "baseline-shift: sub is below baseline");

    test(() => {
      assert_less_than(
        $super.getBBox().y,
        $baseline.getBBox().y
      );
    }, "baseline-shift: super is above baseline");
  </script>
</body>
</html>