Safari零高度SVG路径不触发鼠标事件

Question

SVG PATH带有2个没有笔画的顶点，具有相同的y坐标不仅仅在Safari中响应mouseevent。

注意，端点顶点的y坐标相同：

<div class="container"> 
    <section class="ui-interactable-content" style="transform: scale(1); width: 100%; height: 100%;"><svg class="path-selection-svg"> 
     <path class="path-selection-svg-path" d="M 4 4 L 92.99999999999994 4"></path> 
     <path class="path-selection-svg-shape" d="M 4 4 L 92.99999999999994 4"></path> 
     </svg> 
    </section> 
</div>  

效果转载于此： http://jsfiddle.net/mf6ueqef/

这铬工作正常，IE，FF。

任何人都知道如何解决这个问题？

Answer 1

我发现了这个问题。 看起来像Safari不响应指针事件时，路径有端点的Y坐标是相同的，并且笔画是无。

修复的方法是简单的： 简单，使冲程非无

stroke: rgba(255,0,0,0.01);