Symbols defined outside viewbox don't show in browsers

Migrated from: https://bugs.launchpad.net/inkscape/+bug/1432903

Steps to reproduce:

• open the attached WashPark_1-0beta2.svg locally on your own computer and note that it has some symbols in it (you can't see them here, because you're viewing with a browser)
• visit https://inkscape.org/~brynn/%E2%98%85washpark-1-0beta2 where it's uploaded to the gallery.

What happened?

The symbols don't show up in the browser.

What should have happened?

Symbols should show up.

Inkscape Version and Operating System:

• Inkscape Version: 1.0beta2 (1c3732b, 2019-12-09)
• Operating System: Windows 7 Pro, 64-bit

Example file:

There is a little bit of discussion in the old report, some of it is too technical for me to properly summarize here. I'll paste what I think is the most relevant below, but developers should read the old report, to get it all.

Apparently there's some similarity with this report (and I have no idea if it's been migrated) https://bugs.launchpad.net/inkscape/+bug/1107924

This has been tested with several different browsers, all reproduced.

From Alvin Penner:

"If I use the XML editor to manually edit the file to add the symbol attribute "overflow" = "visible", that seems to solve the problem, see https://bugs.launchpad.net/inkscape/+bug/1107924/comments/1

result is attached here, using Inkscape 0.91:

<symbol
   id="g10456"
   overflow="visible"
   style="overflow:visible">
  <g
     id="g6768"
     transform="matrix(0.75,0,0,0.75,1610.8534,-102.23805)">"

Again, see the old report for more details.

Thank you very much.