feSpotlight positioning does not work in Safari

[localnerve]

I'm using a spotlight effect that seems to only work perfectly in chrome, ok in firefox, but will not position (x,y,z) at all in Safari. (Other browsers not tested)

I've tried different filter and primitive units, and while this makes a difference, Safari still cannot seem to position the lighting effect in any case.

In pursuit of understanding what is going on, I've tried lots of workarounds (including #22/#27), different userSpaceOnUse/objectBoundingBox combos, and different svg structure but have never been able to find one that works on Safari.

Examples

Default filter/primitive units (Safari positions it off-canvas to the right):
https://jsfiddle.net/localnerve/y470d52v/

objectBoundingBox units (easier to see Safari's positioning trouble):
https://jsfiddle.net/localnerve/uyc7o52k/

Pretty weird.

I have pictures on this stackoverflow issue to further demonstrate:
https://stackoverflow.com/questions/44891524/safari-trouble-positioning-svg-fespotlight-filter

[emilbjorklund]

This seems to (potentially) be fixed in WebKit.

• Bug 1 for original problem (picked up from SO thread above): https://bugs.webkit.org/show_bug.cgi?id=88877
• Bug 2: https://bugs.webkit.org/show_bug.cgi?id=113059

Both now marked as fixed via these referenced bugs:

• https://bugs.webkit.org/show_bug.cgi?id=181147
• https://bugs.webkit.org/show_bug.cgi?id=181197

So, hopefully this will be fixed part of upcoming Safari releases.