Firefox中clip-path（objectBoundingBox模式）高度失效问题求助

各位大佬好，我在自己的网站上实现了一个波浪形状的裁剪效果，用到了SVG的clip-path，并且设置了clipPathUnits="objectBoundingBox"，具体代码如下：

<svg class="svg" width="0" height="0" preserveAspectRatio="xMidYMid meet">
  <clipPath id="my-clip-path" clipPathUnits="objectBoundingBox">
    <path d="M1,0 h-0.001 c-0.02,0.006,-0.03,0.079,-0.04,0.15 c-0.011,0.075,-0.021,0.147,-0.041,0.147 s-0.031,-0.071,-0.041,-0.147 c-0.01,-0.074,-0.021,-0.15,-0.042,-0.15 s-0.032,0.076,-0.042,0.15 c-0.011,0.075,-0.021,0.147,-0.041,0.147 s-0.031,-0.071,-0.041,-0.147 c-0.01,-0.074,-0.021,-0.15,-0.042,-0.15 s-0.032,0.076,-0.042,0.15 c-0.011,0.075,-0.021,0.147,-0.041,0.147 s-0.031,-0.071,-0.041,-0.147 c-0.01,-0.074,-0.021,-0.15,-0.042,-0.15 s-0.032,0.076,-0.042,0.15 c-0.011,0.075,-0.021,0.147,-0.041,0.147 s-0.031,-0.071,-0.041,-0.147 c-0.01,-0.074,-0.021,-0.15,-0.042,-0.15 s-0.032,0.076,-0.042,0.15 c-0.011,0.075,-0.021,0.147,-0.041,0.147 s-0.031,-0.071,-0.041,-0.147 c-0.01,-0.074,-0.021,-0.15,-0...."/>
  </clipPath>
</svg>

目前这个效果在Chrome等浏览器里显示正常，但在Firefox中，clip-path的高度好像失效了，裁剪后的内容显示完全不符合预期。有没有熟悉SVG clip-path在Firefox中兼容性的大佬，能帮忙分析下问题所在，或者给出可行的解决办法呀？

备注：内容来源于stack exchange，提问作者Mr Toad