<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Changing canvas height immediately after page load does not relayout canvas"
href="https://bugs.webkit.org/show_bug.cgi?id=156097">156097</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Changing canvas height immediately after page load does not relayout canvas
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>OS X 10.11
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Layout and Rendering
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>nkronlage@hotmail.com
</td>
</tr>
<tr>
<th>CC</th>
<td>simon.fraser@apple.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=275373" name="attach_275373" title="Repro">attachment 275373</a> <a href="attachment.cgi?id=275373&action=edit" title="Repro">[details]</a></span>
Repro
Load the attached test.html (or go to <a href="http://www.colorizephoto.com/safaribug/test.html">http://www.colorizephoto.com/safaribug/test.html</a>). This html contains a canvas and some javascript to increase the height of that canvas.
Expected:
The blue canvas is very tall ~1000px tall.
Actual:
The blue canvas is only ~150px tall.
This repros on Mac Safari 9.1, Safari Technical Preview 9.1.1, WebKit Nightly 9.1 (11601.5.17.1) and on Safari on iOS 9.3.1.
Note, this is very similar to Chrome bug 598212 (<a href="https://bugs.chromium.org/p/chromium/issues/detail?id=598212">https://bugs.chromium.org/p/chromium/issues/detail?id=598212</a>), but does not have the exact same repro.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>