Javascript Firefox的foreignObject中未触发的事件

在尝试使用svg的foreignObject创建一个复杂的菜单系统时，我遇到了Firefox中的一个bug。当my sub菜单项扩展到my foreignObject的容器大小之外时，会触发my mouseleave事件。我制作了一个更简单的例子，用鼠标点击事件来说明这个问题

在Chrome浏览器中浏览没有问题，但在Firefox（既不是最新版本也不是beta版）中，我无法触发它。以前有没有人见过这个问题，有没有关于如何解决这个问题的线索

HTML

---

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

在bugzilla中提出一个bug：我正在寻找解决方法，但是的，我也将创建一个bug报告。谢谢这个错误在win/lin下的最新FF（47.0）中仍然可以复制。所以你的意思是没有解决方案？是的。在修复错误之前，我没有找到解决方案：(

<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>

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