Javascript 动画SVG路径不'；当最初隐藏时，不会在Firefox中显示

我正在尝试调试为什么这段动画SVG在Firefox中不起作用

此处的测试用例和代码：

我正在更改内联

图形中

元素的

stroke dasharray

属性，以逐步绘制虚线。因为我不希望在设置动画之前显示路径，所以我最初将

笔划

-属性设置为

none

（也尝试将其设置为透明颜色），然后在动画运行时重新设置

当线条最初有一个可见的

笔划时，破折号的渐进式绘制在任何地方都有效，但一旦没有，Firefox就不会显示任何内容。当线条最初显示时，我仍然可以设置它的动画，隐藏它（通过将
stroke
设置为
none
）并再次显示它，等等

随后在inspector中切换CSS属性（导致元素重新绘制）会将其捕捉到视图中

浏览器错误，或者我做错了什么/愚蠢？变通方案？
只是评论说这是第600万篇文章，恭喜@JamieTaylor Woo！我有奖吗？：-）请记录您的问题