stretch-align-svg.html | Explore in Territory

<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<style>
#main {
  display: flex;
  height: 100%;
}
#graph {
  flex: 0 0 400px;
}
#spanner {
  height: 400px;
}
</style>
<div id="main">
  <svg id="graph" style="background-color: red">
    <rect width="100%" height="0%" fill="green"/>
  </svg>
  <div id="spanner"></div>
</div>
<script>
runAfterLayoutAndPaint(function() {
  document.body.appendChild(document.createElement('div'));
  document.body.offsetLeft;

  var c = document.querySelector('rect');
  c.setAttribute('height', '100%');
  c.getScreenCTM();
}, true);
</script>

chromium/third_party/blink/web_tests/fast/deprecated-flexbox/stretch-align-svg.html