Safari 15 - Blurry SVG background images when zoomed

Environment info

• Cytoscape.js version : 3.19.1
• Browser/Node.js & version : Safari 15.0 (16612.1.29.41.4, 16612) on macOS Big Sur 11.6

Current (buggy) behaviour

What does the bug do?

background-image SVGs appear blurry in Safari 15 when zooming in. Notably, this does not happen on Safari 14, so it may be a webkit regression. Unfortunately, I no longer have Safari 14 to show a screenshot of.

Safari 15:

Chromium 94 (Brave):

Firefox 92:

Desired behaviour

What do you expect Cytoscape.js to do instead?

background-image SVGs to appear clearly in Safari 15 at all zoom levels.

Minimum steps to reproduce

What do you need to do to reproduce the issue?

1. Open this JSBin in Safari: https://jsbin.com/ciguvov
2. Zoom in on any node and note that the SVG background image is very blurry

[maxkfranz]

Browsers regularly have regressions. Sometimes, they affect Cytoscape. Let’s leave this pinned until it’s fixed in Webkit so that others can find and follow this issue easily.

[Robin-Law]

This appears to be fixed in current Safari (Version 15.3 (17612.4.9.1.8)) on Monterey. Closing this issue.