Slur of a legato slide / hammer-on between two-note chords is not drawn in the standard notation staff when beats are tightly spaced (path with NaN) #2904

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>alphaTab legato slur NaN repro</title>
<style>
  body { font-family: sans-serif; margin: 16px; }
  #surface { border: 1px dashed #aaa; }
  pre { background: #f4f4f4; padding: 8px; }
</style>
</head>
<body>
<p>version: <b id="ver"></b> / width: <b id="wid"></b> / NaN paths: <b id="nan">…</b></p>
<pre id="tex"></pre>
<div id="surface"></div>
<script>
  // Usage: repro.html?v=1.8.4&w=500&case=sl
  var q = new URLSearchParams(location.search);
  var version = q.get("v") || "1.8.4";
  var width = parseInt(q.get("w") || "500", 10);
  var cases = {
    // two-note chords, 16th notes, legato slide into the next beat
    sl: "\\tuning e4 b3 g3 d3 a2 e2\n\\ts 4 4\n" +
        "(14.1{sl} 11.3{sl}).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 |",
    // same rhythm, hammer-on instead of slide
    h:  "\\tuning e4 b3 g3 d3 a2 e2\n\\ts 4 4\n" +
        "(14.1{h} 11.3{h}).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 |",
    // control: no legato effect
    none: "\\tuning e4 b3 g3 d3 a2 e2\n\\ts 4 4\n" +
        "(14.1 11.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 " +
        "(16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 (16.1 13.3).16 |"
  };
  var tex = q.get("tex") || cases[q.get("case") || "sl"];
  document.getElementById("ver").textContent = version;
  document.getElementById("wid").textContent = width + "px";
  document.getElementById("tex").textContent = tex;
  var surface = document.getElementById("surface");
  surface.style.width = width + "px";
  window.__result = null;

  var base = "https://cdn.jsdelivr.net/npm/@coderline/alphatab@" + version + "/dist/";
  var s = document.createElement("script");
  s.src = base + "alphaTab.min.js";
  s.onload = function () {
    var api = new alphaTab.AlphaTabApi(surface, {
      core: { useWorkers: false, enableLazyLoading: false, fontDirectory: base + "font/" },
      player: { enablePlayer: false }
    });
    api.renderFinished.on(function () {
      var bad = Array.prototype.filter.call(surface.querySelectorAll("path"), function (p) {
        return /NaN/.test(p.getAttribute("d") || "");
      });
      document.getElementById("nan").textContent = String(bad.length);
      window.__result = { version: version, width: width, nan: bad.length,
        sample: bad.length ? bad[0].getAttribute("d").slice(0, 120) : "" };
    });
    api.tex(tex);
  };
  document.head.appendChild(s);
</script>
</body>
</html>