Полоса прокрутки не работает при использовании вложенного 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);