在foreignObject for Firefox中没有触发的事件

Question

尝试使用svg的foreignObject创建一个精心设计的菜单系统我遇到了似乎是Firefox中的一个错误。当我的sub-meny项目扩展到我的foreignObject的容器大小之外时，我的 mouseleave事件被触发。我做了一个更简单的例子，用鼠标点击事件来显示问题。

在Chrome中浏览时没有任何问题，但在Firefox（既不是最新版本也不是测试版）中，我无法触发它。有没有人见过这个问题，并且有任何解决方法的线索？

jsFiddle here

HTML

<svg>
    <foreignObject width="100px" height="100px" style="overflow:visible">
        <div top=0px id="target" onclick='javascript:alert("hi");'></div>
        <div top=0px id="foborder" onclick='javascript:alert("hi");'></div>
    </foreignObject>
</svg>

CSS

svg #target {
    height: 300px;
    width: 300px;
    background: #dd0;
    position:absolute;
}
svg #foborder {
    height: 100px;
    width: 100px;
    border: 1px solid red;
    position:absolute;
}

Answer 1

这是Firefox中的一个错误，因此我将此标记为已解决