Html 锚定标签不'；无法在svg foreignObject内部工作

在svg foreignObject中，锚定标记不起作用（css悬停起作用，但单击后不要在任何地方引导）。我有以下自定义Recharts（图形库）标签的标记

---

当我点击标签时，什么也没发生。任何帮助都将不胜感激。

请为ForeignObjects添加宽度和高度是的，有一个设置的宽度和高度，我刚刚简化了示例。所以最重要的是，一个标签一旦点击，就不会指向任何地方。当它出现在Recharts图表上时。

<foreignObject>
    <div className="annotation-tooltip">
        <a href="https://some-link" target="_blank">
            some text
        </a>
    </div>
</foreignObject>