Bug 200349 - Unifi chart SVG fails to draw in Safari (works in Chrome)
Summary: Unifi chart SVG fails to draw in Safari (works in Chrome)
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-08-01 09:58 PDT by Timothy Hatcher
Modified: 2023-12-07 21:39 PST (History)
5 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Timothy Hatcher 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.
Comment 1 Timothy Hatcher 2019-08-01 09:59:25 PDT 
Created attachment 375319 [details]
Safari (Broken)
Comment 2 Timothy Hatcher 2019-08-01 09:59:41 PDT 
Created attachment 375320 [details]
Chrome (Working)
Comment 3 Timothy Hatcher 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.
Comment 4 Radar WebKit Bug Importer 2019-08-01 11:12:30 PDT 
<rdar://problem/53823046>
Comment 5 Karl Dubost 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"?