Bug 111216 - Multiple text-shadows on tspan renders incorrectly at non 1.0 zoom
Summary: Multiple text-shadows on tspan renders incorrectly at non 1.0 zoom
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P1 Major
Assignee: Nobody
URL: https://ultralink.me/svgTextShadowTes...
Keywords: InRadar
Depends on:
Reported: 2013-03-01 13:27 PST by Spencer Nielsen
Modified: 2016-10-10 12:09 PDT (History)
4 users (show)

See Also:

TEST - tspan, TEST2 - span (13.82 KB, image/png)
2013-03-01 13:28 PST, Spencer Nielsen
no flags Details
test case (352 bytes, image/svg+xml)
2016-10-10 12:08 PDT, Said Abou-Hallawa
no flags Details
Test case screenshot (1.22 MB, image/png)
2016-10-10 12:09 PDT, Said Abou-Hallawa
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Spencer Nielsen 2013-03-01 13:27:34 PST
When there are multiple text-shadows on a tspan element it does not render correctly when the zoom level is changed from the normal 1.0 zoom level (either zooming in or zooming out will do it). It appears like it is correctly zooming only the first text-shadow on the element and doing something weird with all the other ones. 

A normal span element with the same set of text-shadows renders correctly at different zoom levels. 

Reproduced with Safari 5.1.7, 6.0.2, WebKit r144443 and Chrome 25.0.1364.99.
Comment 1 Spencer Nielsen 2013-03-01 13:28:34 PST
Created attachment 191026 [details]
TEST - tspan, TEST2 - span
Comment 2 David Cabo 2016-07-19 10:57:31 PDT
This bug still exists as described by the original author, in Safari 9.1.1, on both Retina and non-Retina displays (so it seems to be different to #139810, which happened only in Retina ones). Happens also with Safari on iOS 9.3.3.
Comment 3 David Kilzer (:ddkilzer) 2016-10-03 10:47:57 PDT
Comment 4 Said Abou-Hallawa 2016-10-10 12:07:50 PDT
The is no test case attached here. The url https://ultralink.me/svgTextShadowTest.html is not working.

When trying to create a text case similar to the attached screenshot, I found that with applying only a single text-shadow to the <text> element and zooming the svg, the display can be incorrect. I am attaching the test case and a screenshot showing the different between Chrome and Safari showing the same test case with the same zoom factor.
Comment 5 Said Abou-Hallawa 2016-10-10 12:08:21 PDT
Created attachment 291133 [details]
test case
Comment 6 Said Abou-Hallawa 2016-10-10 12:09:08 PDT
Created attachment 291134 [details]
Test case screenshot