title: How to get ScrollBars in SVG?
body: <p>I have a SVG-element with a lot of elements inside. The SVG-element has a viewbox, so you can press a zoom-button and the elements appear bigger or smaller. Works well. Now the problem is, when the elements overflow the parent SVG-element no ScrollBars appear.</p>
  
  <p><strong>Example:</strong></p>
  
  <pre><code>&lt;div width="100%" height="100%"&gt;
  &lt;svg height="100%" width="100%" style="overflow-x: auto; overflow-y: auto; "viewBox="0 0 793 1122"&gt;
  &lt;g&gt;
  ...
  &lt;line y2="44.9792mm" y1="44.9792mm" x1="197.203mm" x2="12.7028mm"&gt;&lt;/line&gt;
  &lt;line y2="44.9792mm" y1="44.9792mm" x1="197.203mm" x2="12.7028mm"&gt;&lt;/line&gt;
  &lt;text x="43.4516mm" y="52.9167mm" style="font-size: 11pt;"&gt;S&lt;/text&gt;
  &lt;rect x="0" width="210mm" y="0" height="297mm"&gt;&lt;/rect&gt;
  ...
  &lt;/g&gt;
  &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>//here I set the viewbox after clicking the zoomOut-Button
  float width = svg.getViewBox().getBaseVal().getWidth();
  float height = svg.getViewBox().getBaseVal().getHeight();
  
  svg.getViewBox().getBaseVal().setHeight((float) (height / 0.9));
  svg.getViewBox().getBaseVal().setWidth((float) (width / 0.9));
  </code></pre>
  
  <p>Can someone help me?
  I put the overflow attribut in the svg and also in the div tag. doesn't work.</p>