reactjs - 单击处理程序未在 Firefox 中的 foreignObject 外部触发

Question

我正在使用 patternfly-react v3 的 DropDownButton 和 MenuItem 元素。DropdownButton 翻译成和 menuItem 翻译成

. 这是为了创建一个下拉菜单，在单击按钮时打开。我也有 onClick 处理程序

我已将这些元素作为异物嵌入到 svg 中。当下拉菜单打开时，它会溢出外来对象并且是可见的。现在的问题是当我点击

溢出foreignObject 如果我使用firefox，则单击处理程序处理程序不会被触发。它在 safari 和 chrome 中运行良好。这是 foreignObject 中的预期行为还是我遗漏了一些东西。