summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/stretch-align-svg.html
blob: 6cb1cdb4a5a71502f35c1dd939f3c6d96bb3c2f9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!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>
if (window.testRunner)
  testRunner.waitUntilDone();

runAfterLayoutAndPaint(function() {
  document.body.appendChild(document.createElement('div'));
  document.body.offsetLeft;

  var c = document.querySelector('rect');
  c.setAttribute('height', '100%');
  c.getScreenCTM();

  if (window.testRunner)
    testRunner.layoutAndPaintAsyncThen(function() { testRunner.notifyDone(); });
});
</script>