CODEWITHSUNDEEP
google-chromesvg
Roey Zada
Roey Zada

Reputation: 683

SVG disappear when zoom in on chrome

I've loaded a page with multiple SVGs on chrome. when I zoomin/out one of the SVG is disappearing and I have no idea why this is happening.

(and it stays like this even when I zoom back to default)

any ideas?

good SVG bad SVG

this is the url if you want to try it yourself

http://www.facegift.co.il/canvas/?userItemId=17887&sc=987404&print=1&width=1500&pageNum=7

Upvotes: 1

Views: 3179

Answers (2)

Alexey Solonets
Alexey Solonets

Reputation: 817

I had a very similar issue in Chrome because one of the elemets had the transform attribute:

transform="translate(0,-9000000000)"

And it made Chrome go crazy. The solution was to hide or remove the element.

Upvotes: 0

Paul LeBeau
Paul LeBeau

Reputation: 101858

This is not a bug in Chrome. This is a bug in your page.

All the id attributes on the page have to be unique. But on your page, they are not.

The <linearGradient> for that botanical flourish has the id "SVGID_2_". There is also a <clipPath> element on the page with id="SVGID_2_".

Fix that problem (and any other duplicate ids) and I am certain things will start working.

Then you should also delete your Chrome bug report.

Upvotes: 10

Related Questions