当svg具有position:absolute时Firefox的popover问题

我有一个popover，它可以与Safari、Chrome和IE完美结合，但在Firefox中不起作用（它似乎不存在）

我创建了一个JSFIDLE来说明这个问题：

当你点击蓝色矩形时，会出现一个弹出框

问题是我在svg上有一个位置：绝对

#spacing svg{
  max-width:100%;
  position:absolute; //this is the line that is causing issues
  bottom:0px;
}

如果我删除该行，弹出框就会出现，但我需要它来做其他事情

制约因素包括：

我需要在svg上有position:absolute，因为JSFIDLE中没有其他更复杂的东西，即多层svg的响应定位

我需要触发器是焦点而不是单击，因为当用户单击标题中的x或浏览器窗口中的任何位置时，我需要关闭弹出框

我尝试过的事情：

将svg包装在div中

更换容器

---

将tabindex属性添加到该矩形中，例如tabindex=“0”

将tabindex属性添加到该矩形中，例如tabindex=“0”

@RobertLongson-单击蓝色矩形时，会出现弹出框。在Safari 10.0.3，IE 11.0.096…，和Chrome 57上运行良好。@RobertLongson-当您单击蓝色矩形时，会出现一个弹出框。在Safari 10.0.3，IE 11.0.096…，和Chrome 57上对我来说效果很好。谢谢，谢谢，谢谢我从来没有想到过。刚刚在四大浏览器上试用过，效果不错谢谢，谢谢，谢谢，我从来没有想到过。刚刚在四大浏览器上试用过，效果不错