Anchor tag doesn't work inside of svg foreignObject

369 Views Asked by At

Anchor tag doesn't work (css hover works, but once clicked don't lead anywhere) inside of svg foreignObject. I have the following markup for a custom Recharts (graph library) Label

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

When I click on a tag nothing happens. Any help would be highly appreciated.

0

There are 0 best solutions below