Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Svg Image not Displaying Correctly in Firefox 58.0.1

  • 2 replies
  • 2 have this problem
  • 1 view
  • Last reply by James2018

more options

I've noticed that a website logo has stopped displaying in Firefox possibly since the 58.0.1 update. It used to display fine until recently. The file displays ok in all the other top browsers.

See this link: https://jsfiddle.net/James2015/256mdLvz/ and view in Firefox then Chrome etc.

I've noticed that a website logo has stopped displaying in Firefox possibly since the 58.0.1 update. It used to display fine until recently. The file displays ok in all the other top browsers. See this link: https://jsfiddle.net/James2015/256mdLvz/ and view in Firefox then Chrome etc.

Chosen solution

Your svg file is wrong. You have to remove this:

 <defs class="ClipPathGroup">
 <clipPath id="a">
  <rect width="22600" height="12600"/>
 </clipPath>
</defs>

and all occurences of

clip-path="url(#a)"

and it'll be OK.

Read this answer in context 👍 3

All Replies (2)

more options

Chosen Solution

Your svg file is wrong. You have to remove this:

 <defs class="ClipPathGroup">
 <clipPath id="a">
  <rect width="22600" height="12600"/>
 </clipPath>
</defs>

and all occurences of

clip-path="url(#a)"

and it'll be OK.

more options

Thank you, worked perfectly.