使用嵌套SVG时滚动条不起作用

Question

当我使用嵌套的SVG时，滚动条不起作用。缩放视口时，它也不会更新。没有嵌套的SVG，它确实可以工作。

<svg width="100%" height="100%">
  <svg id="viewport" x="0" y="0" viewBox="0 0 0 0">
    <!-- draw objects -->
  </svg>
</svg>

viewport.setAttribute("viewBox", "0 0 " + viewport.width + " " + viewport.height);

viewport.setAttribute("width", 3000);
viewport.setAttribute("height", 1500);