
The shadow on the new text bars breaks into four pieces when zoomed in because of how the text outline is simulated. I presume this is occurring because the 1px offset on the text-shadow CSS property is not scaling well when the text is zoomed in all the way. A couple options could fix this. Simulate an outside stroke. This is probably the better option because there will never be any gaps in the shadow. <a href="https://www.petercarrero.com/examples/stroke/" rel="nofollow">https://www.petercarrero.com/examples/stroke/</a> Change the 1px offset to something like .05em. This will scale with the text scaling as the user zooms in and out on the VTT.