NEW 200349
Unifi chart SVG fails to draw in Safari (works in Chrome) 
https://bugs.webkit.org/show_bug.cgi?id=200349
Summary Unifi chart SVG fails to draw in Safari (works in Chrome)
Timothy Hatcher
Reported 2019-08-01 09:58:49 PDT
Created attachment 375318 [details] Reduction The attached web archive is a basic reduction of a chart Unifi dashboard that fails to display a <path> in Safari, but works in Chrome.
Attachments
Reduction (1.77 MB, application/x-webarchive)
2019-08-01 09:58 PDT, Timothy Hatcher 		no flags
Details
Safari (Broken) (260.00 KB, image/png)
2019-08-01 09:59 PDT, Timothy Hatcher 		no flags
Details
Chrome (Working) (715.81 KB, image/png)
2019-08-01 09:59 PDT, Timothy Hatcher 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Timothy Hatcher
Comment 1 2019-08-01 09:59:25 PDT
Created attachment 375319 [details] Safari (Broken)
Timothy Hatcher
Comment 2 2019-08-01 09:59:41 PDT
Created attachment 375320 [details] Chrome (Working)
Timothy Hatcher
Comment 3 2019-08-01 10:03:58 PDT
Reducing just to the SVG <path> didn't help, it renders fine standalone. Some combination of CSS styling and the SVG is involved here. So the web archive is the simplest reduction I can achieve so far.
Radar WebKit Bug Importer
Comment 4 2019-08-01 11:12:30 PDT
<rdar://problem/53823046>
Karl Dubost
Comment 5 2023-12-07 21:39:59 PST
This is the part failing. .unifiInternetConnectionModule .unifiLineChart__plot--left_0 { -webkit-filter: url(#unifiInternetConnection__throughputShadow); filter: url(#unifiInternetConnection__throughputShadow); } Once the filter is removed the line appears. So either the filter: url() is not good. or the way the filter is done is not good. I don't see any id for "unifiInternetConnection__throughputShadow" in the document. Timothy in the original one did you have an existing reference to "unifiInternetConnection__throughputShadow"?
Note You need to log in before you can comment on or make changes to this bug.