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

具有两个顶点且没有笔划、具有相同y坐标的SVG路径仅在Safari中不响应MouseeEvent

请注意，端点顶点的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>    

其效果如下：

这在铬合金（即FF）中工作良好

有人知道如何解决这个问题吗？

我发现了这个问题。 当路径的端点y坐标相同且笔划为“无”时，Safari似乎不会响应指针事件

解决方法很简单： 只需将笔划设置为非“无”

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