<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 - Drop Shadow Filter prevents inline SVGs from displaying in Safari 9.1"
href="https://bugs.webkit.org/show_bug.cgi?id=155887">155887</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Drop Shadow Filter prevents inline SVGs from displaying in Safari 9.1
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</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>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>asilentthing@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>Applies to Safari 9.1 and mobile Safari released with iOS 9.3. If a drop-shadow filter is applied via CSS to an inline SVG, the SVG will not be visible. Interestingly enough, the box model is adhered to, and you can still inspect the various SVG parts, they just are not visible. Removing the drop-shadow filter fixes this behavior.
I have not tested with any other CSS filters at this point, but drop-shadow filters on SVGs worked prior to the release of Safari 9.1</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>