title: allow the parent to scroll the whole width/height of child element even when child scale is transformed by matrix
body: <p>So I've got a div with a child element, and the child element is zoomable. To zoom the child element, I use matrix to transform to the new scale, but I'm noticing an issue: when the scale is greater than 1, the child element is larger than the scroll bar of the parent element, so when you scroll to the end, some of the child element is cut off. How do I fix this? </p>
  
  <p>EDIT</p>
  
  <p>I've tried setting <code>overflow: scroll</code> as opposed to the <code>overflow: auto</code> that I"m currently using, and I've tried expanding the width/height of the parent div, but neither worked. Expanding the width/height of the parent div just makes it larger on the page</p>
  
  <p>EDIT 2</p>
  
  <p>According to <a href="https://stackoverflow.com/questions/36388485/using-css-transform-scale-to-zoom-into-an-element-without-cropping-maintainin">this</a> stackoverflow question, what I needed was to add the style <code>transformOrigin: 0 0</code> when I zoom the chart. that fixes the cropping </p>