Custom cursor with drop-shadow filter not rendered

[Gunnar Bittersmann]

I’ve created a custom cursor:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-6 -4 12 10" width="24px" height="16px" filter="drop-shadow(0px 2px 1px #666)">
	<g id="border" fill="white">
		<circle cx="0" cy="0" r="1.707"/>
		<polygon points="-6 0, -1.293 -3.707, -1.293 3.707"/>
		<polygon points="6 0, 1.293 -3.707, 1.293 3.707"/>
	</g>
	<g fill="black">
		<circle cx="0" cy="0" r="1"/>
		<polygon points="-4.667 0, -2 -2, -2 2"/>
		<polygon points="4.667 0, 2 -2, 2 2"/>
	</g>
</svg>

and used it in the stylesheet:

	cursor: url('/calendar/styles/ew-scroll.svg') 12 8, all-scroll;


The cursor shows up in Chrome (blurred on Retina displays, but that’s another bug), but no cursor is rendered in Safari, i.e. neither the custom cursor nor the default all-scroll cursor.

When removing the filter attribut, the cursor is visible in Safari.

The behavior is the same when filter is not set via attribute but as a CSS rule in a style element.

[Radar WebKit Bug Importer]

<rdar://problem/30725505>