title: Scroll svg inside div
body: <p>I have a simple use case. I have an outer div and an svg inside. Like,</p>
  
  <pre><code>&lt;div&gt;
    &lt;svg&gt;
       ...
       ...
    &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to get the svg to scroll inside the div, but without any luck :( I tried setting:</p>
  
  <pre><code>div {
    position: relative;
    width: 100%;
    overflow: scroll;
  }
  
  svg {
    width: 100%;
  }
  </code></pre>
  
  <p>But it does not work, can you guys help me out? Thanks for the help!</p>