<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 does not rerender when zoomed."
href="https://bugs.webkit.org/show_bug.cgi?id=164584">164584</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Image does not rerender when zoomed.
</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>macOS 10.12
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Minor
</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>maxlanger@me.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=294349" name="attach_294349" title="Some further investigation into the problem by the owner of the plugin.">attachment 294349</a> <a href="attachment.cgi?id=294349&action=edit" title="Some further investigation into the problem by the owner of the plugin.">[details]</a></span>
Some further investigation into the problem by the owner of the plugin.
On our website (www.developmint.de) we use the Fluidbox plugin for displaying images.
When zoomed however, these images are not rerendered and therefore look blurry.
It is not 100% clear what is causing the issue, but setting the navigation-bar-container width to less than 100% fixes the issue for the second image.
I found an issue on GitHub describing this very problem (<a href="https://github.com/terrymun/Fluidbox/issues/168">https://github.com/terrymun/Fluidbox/issues/168</a>)
As mentioned in the comments there, something is preventing WebKit (or Safari (Sorry if I am wrong here)) from rendering the image correctly.
I extracted the comparison for you:
<a href="http://fluidbox-crisp-safari.jouwweb.nl">http://fluidbox-crisp-safari.jouwweb.nl</a>
<a href="http://fluidbox-blurry-safari.jouwweb.nl">http://fluidbox-blurry-safari.jouwweb.nl</a></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>