Bug 139810 - Multiple text-shadows on SVG text element renders incorrectly
Summary: Multiple text-shadows on SVG text element renders incorrectly
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: iPhone / iPad iOS 8.1
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2014-12-19 00:05 PST by Torstein Hønsi
Modified: 2017-09-03 22:23 PDT (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Torstein Hønsi 2014-12-19 00:05:44 PST
Live demo at http://jsfiddle.net/highcharts/fq4rxp31/, run http://jsfiddle.net/highcharts/fq4rxp31/show on iOS.

In Safari on iOS 8.1.1 (tested on iPhone 6), when a second text-shadow is applied on and SVG text element, a duplication of the text element is rendered below it. It does not happen in desktop Safari or Chrome. It does however happen in PhantomJS.
Comment 1 Torstein Hønsi 2014-12-19 00:06:17 PST
Probably related, but not identical to #111216
Comment 2 Myles C. Maxfield 2014-12-19 13:46:15 PST
<rdar://problem/19106154>
Comment 3 Torstein Hønsi 2015-03-02 00:36:08 PST
Just found out it only applies to Retina displays. On my Mac, if I have an external monitor with 1:1 display, I can drag the browser to the Retina display and back to the external monitor and see the artefact appear and disappear.
Comment 4 Nishant Gaurav 2017-09-03 22:23:26 PDT Comment hidden (spam)