Chrome problem with SVG:

NOTE: submitted as Issue 339899

Chrome doesn't seem to properly handle initial whitespace characters in values string of a feColorMatrix element. What you should see in both cases below is something approximating a solar eclipse, i.e. a dark circle on a dark background with a round white shadow (scroll down to bottom of page to see a working version). Instead in Chrome, it just seems to choke and give up, showing empty white space:

It is a problem in Safari as well, so I'm guessing there is an underlying Webkit issue. The problem seems to result from the initial character of the "values" field (in the feColorMatrix element) being whitespace (either a newline or space will show the problem):

Broke:

    <feColorMatrix in="SourceAlpha" type="Matrix" values="
         0  0  0  1  0
         0  0  0  1  0
         0  0  0  1  0
         0  0  0  1  0" result="whiteshade" />

Broke:

    <feColorMatrix in="SourceAlpha" type="Matrix" values=" 0  0  0  1  0
         0  0  0  1  0
         0  0  0  1  0
         0  0  0  1  0" result="whiteshade" />

Works:

    <feColorMatrix in="SourceAlpha" type="Matrix" values="0  0  0  1  0
         0  0  0  1  0
         0  0  0  1  0
         0  0  0  1  0" result="whiteshade" />

What you should see is something like this:

All the examples work in Firefox. Another difference is that the shadow appears different (basically it's larger) in Firefox, not sure if that detail is well defined or is a bug in one or the other.

Above example is drawn from an SVG filter example for blog post by @OldGeeksGuide