Hey there! I was playing with SVG for experimenting some stuff and I decided to use and SVG filter applied via CSS to some different elements like div, img and form Everything works fine in Chrome and Firefox but on Safari is messed up. You can see a live version here www.operaomnia.mc and I created a codepen too here → https://codepen.io/anon/pen/MVJadQ I thought was of a problem of my machine but I asked to many people and most of them see the problem, even on mobile Here is a bunch of images of screenshot, machine info e safari version: https://imgur.com/a/XZgOa
<rdar://problem/38807007>
Created attachment 339479 [details] test case
This happens on Retina (2x) display only. A simpler test case is attached.
Created attachment 339571 [details] SVG filter versus CSS filter This test case shows that the SVG filter works as expected while the CSS filter is not.
Created attachment 339573 [details] SVG filter versus CSS filter Attaching the correct test case.
Created attachment 339768 [details] Patch
Created attachment 339781 [details] Patch
Comment on attachment 339781 [details] Patch Clearing flags on attachment: 339781 Committed r231485: <https://trac.webkit.org/changeset/231485>
All reviewed patches have been landed. Closing bug.