|Summary:||feTurbulence is not rendered correctly on Retina display|
|Product:||WebKit||Reporter:||Robert Borghesi <dborghez>|
|Component:||SVG||Assignee:||Said Abou-Hallawa <sabouhallawa>|
|Severity:||Critical||CC:||commit-queue, dino, ews, kondapallykalyan, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann|
Description Robert Borghesi 2018-03-20 14:16:24 PDT
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
Comment 3 Said Abou-Hallawa 2018-05-03 15:50:24 PDT
This happens on Retina (2x) display only. A simpler test case is attached.
Comment 4 Said Abou-Hallawa 2018-05-04 11:28:46 PDT
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.
Comment 5 Said Abou-Hallawa 2018-05-04 11:29:59 PDT
Created attachment 339573 [details] SVG filter versus CSS filter Attaching the correct test case.
Comment 8 WebKit Commit Bot 2018-05-08 09:20:11 PDT
Comment on attachment 339781 [details] Patch Clearing flags on attachment: 339781 Committed r231485: <https://trac.webkit.org/changeset/231485>
Comment 9 WebKit Commit Bot 2018-05-08 09:20:13 PDT
All reviewed patches have been landed. Closing bug.