是否可以在Matter.js下添加链接标签？

Question

我正在尝试在屏幕上放置链接，我猜由于Matter.js而无法成功。 您可以看到链接，但不能按链接。

有什么办法可以使它工作？

链接到github： https://github.com/harelpanker/constarctions

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #333;
  text-align: center;
  box-shadow: inset 0 0 0 30px white;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

<footer class="footer">
    <h3>Burgschmietstraße 10, 90419 Nuremberg</h3>
    <nav class="nav-footer">
      <ul>
        <li><a href="tel:+49 911 424480">+49 911 424480</a></li>
        <li><a href="mailto:hello@dkdl.de">hello@dkdl.de</a></li>
        <li><a href="https://www.google.com/maps?q=Burgschmietstra%C3%9Fe+10,+Nuremberg,+Germany&hl=en&ie=UTF8&ll=49.458086,11.071386&spn=0.001972,0.002494&sll=37.0625,-95.677068&sspn=55.016555,81.738281&hnear=Burgschmietstra%C3%9Fe+10,+90419+Nuremberg,+Mittelfranken,+Bayern,+Germany&t=h&z=19">route</a></li>
        <li><a href="#">imprint</a></li>
        <li><a href="#">privacy policy</a></li>
      </ul>
    </nav>
  </footer>

我希望按下链接...