chart-tool icon indicating copy to clipboard operation
chart-tool copied to clipboard

Published 20 hours ago • verified publisher icon globeandmail

Ghost text annotations

Open tomcardoso opened this issue 4 years ago • 2 comments

Text annotations leave a ghost version of themselves sometimes (see image), but only if the annotation uses tspans. Think it has something to do with missing x, y, dx, or dy values for the tspan vs. text element.

Only happens on iPhone/mobile Safari (and perhaps other mobile Webkit browsers?).

Image from iOS

tomcardoso avatar May 29 '20 05:05 tomcardoso

I noticed this on a few stories on the weekend and I was able to recreate it using the XCode simulator (see video).

https://user-images.githubusercontent.com/12213371/168645578-a533ee7a-6122-48d1-89af-b28271340162.mov

Seems to be related to the multiline text-shadow as mentioned in this bug report https://stackoverflow.com/questions/70760967/duplication-of-svg-text-paths-on-ios-safari

I'd be happy to put up a PR and try to achieve the same shadow in a different way (although removing the shadow class didn't seem to visually change anything, at least in Safari)

carysmills avatar May 16 '22 17:05 carysmills

I've also seen this pretty consistently on Chrome desktop (Mac), where the shadow seems to be having an unintended appearance. It's more obvious when the background isn't white.

With shadow Without shadow
Screen Shot 2022-08-08 at 9 43 08 AM Screen Shot 2022-08-08 at 9 43 21 AM

carysmills avatar Aug 08 '22 13:08 carysmills