Bug 183798

Summary: feTurbulence is not rendered correctly on Retina display
Product: WebKit Reporter: Robert Borghesi <dborghez>
Component: SVGAssignee: Said Abou-Hallawa <sabouhallawa>
Status: RESOLVED FIXED    
Severity: Critical CC: commit-queue, dino, ews-watchlist, kondapallykalyan, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 11   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
test case
none
SVG filter versus CSS filter
none
SVG filter versus CSS filter
none
Patch
none
Patch none

Robert Borghesi
Reported 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
Attachments
test case (506 bytes, text/html)
2018-05-03 15:50 PDT, Said Abou-Hallawa 		no flags
Details
SVG filter versus CSS filter (416 bytes, text/html)
2018-05-04 11:28 PDT, Said Abou-Hallawa 		no flags
Details
SVG filter versus CSS filter (432 bytes, text/html)
2018-05-04 11:29 PDT, Said Abou-Hallawa 		no flags
Details
Patch (2.57 KB, patch)
2018-05-07 16:45 PDT, Said Abou-Hallawa 		no flags
DetailsFormatted DiffDiff
Patch (4.44 KB, patch)
2018-05-07 17:30 PDT, Said Abou-Hallawa 		no flags
DetailsFormatted DiffDiff
Show Obsolete (2) View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2018-03-23 14:20:34 PDT
<rdar://problem/38807007>
Said Abou-Hallawa
Comment 2 2018-05-03 15:50:03 PDT
Created attachment 339479 [details] test case
Said Abou-Hallawa
Comment 3 2018-05-03 15:50:24 PDT
This happens on Retina (2x) display only. A simpler test case is attached.
Said Abou-Hallawa
Comment 4 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.
Said Abou-Hallawa
Comment 5 2018-05-04 11:29:59 PDT
Created attachment 339573 [details] SVG filter versus CSS filter Attaching the correct test case.
Said Abou-Hallawa
Comment 6 2018-05-07 16:45:46 PDT
Created attachment 339768 [details] Patch
Said Abou-Hallawa
Comment 7 2018-05-07 17:30:53 PDT
Created attachment 339781 [details] Patch
WebKit Commit Bot
Comment 8 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>
WebKit Commit Bot
Comment 9 2018-05-08 09:20:13 PDT
All reviewed patches have been landed. Closing bug.
Note You need to log in before you can comment on or make changes to this bug.