<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 - Image dimensions not maintained in flex box when height reduced through CSS"
href="https://bugs.webkit.org/show_bug.cgi?id=156131">156131</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Image dimensions not maintained in flex box when height reduced through CSS
</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>Images
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>rbiggs@ymail.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=275465" name="attach_275465" title="HTML and image illustrate issue.">attachment 275465</a> <a href="attachment.cgi?id=275465&action=edit" title="HTML and image illustrate issue.">[details]</a></span>
HTML and image illustrate issue.
When putting images in flex box containers with "align-items: stretch", if you manipulate the height of the image through CSS, such as "img { height: 100px; }" the image should scale the width proportionally to the new height. Instead only the height is changing while the width is remaining constant, resulting in disproportionate images. This occurs in the Webkit nightly, but not Safari Version 9.1 (11601.5.17.1), nor Chrome, Firefox, etc.</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>