Links created in svgs are not working in latest Chrome, Firefox and Safari

Preflight Checklist

• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Describe the bug When exporting an image that contains a link, the link does not work in the latest Chrome, Firefox, Safari. Draw.io uses xlink:href to create links in svg images. This is a deprecated feature of svg v2 and apparently modern browsers already removed support for this.

To Reproduce Steps to reproduce the behavior:

1. Go to ‘app.diagrams.net’
2. Create a new diagram
3. Add a link to a diagram
4. Export diagram to svg
5. Open svg image in latest Chrome/Safari/Firefox
6. Try to click on the link element

Expected behavior The element with the link is clickable.

Screenshots N/a

draw.io version (In the Help->About menu of the draw.io editor):

• draw.io version 13.1.3]

Desktop (please complete the following information):

• OS: Mac OS 10.15.4
• Browser Chrome (81.0.4044.138), Safari (13.1 (15609.1.20.111.8)), Firefox (76.0.1)

[kevinlrak]

@Starlight220 To fix that, ensure the <a> element in your SVG has the target attribute as described here: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/target

In draw.io, you can experiment with values of that attribute if you go to File>Export as>SVG, then click the Links drop-down and select something other than automatic.

[Starlight220]

This embeds the diagram, but when links are pressed the linked page is rendered only in the space that the diagram occupied. Ideas?

<object type="image/svg+xml" data="img/diagram.drawio.svg">
    
</object>