Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

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
This thread was archived. Please ask a new question if you need help.
Solved Archived

Problem rendering SVG's "path" sub-tag in Firefox browser only

Firefox Other
AS-Firefox replied
RAYDENFilipp
RAYDENFilipp

Hello! I have a problem drawing a line with SVG which is created using the following tags: <svg> 

 <path d="..."> 
 </path>

</svg> Maybe there is some special workaround for Firefox but I don't know of any. Here is an example which works fine in google Chrome and IE11 but not in Firefox (I checked from two disparate computers, result was the same). https://just-Chart--raydenfilipp.repl.co

Hello! I have a problem drawing a line with SVG which is created using the following tags: <svg> <path d="..."> <!-- d attribute is not shown here since it's huge --> </path> </svg> Maybe there is some special workaround for Firefox but I don't know of any. Here is an example which works fine in google Chrome and IE11 but not in Firefox (I checked from two disparate computers, result was the same). https://just-Chart--raydenfilipp.repl.co

All Replies (4)

TyDraniu
TyDraniu
  • Top 10 Contributor

Chosen Solution

There is a special workaround for Firefox: Follow the Holly Specification.

You shall not be using commas in your d attribute of line path, use spaces instead.

RAYDENFilipp
RAYDENFilipp Question owner

TyDraniu said

There is a special workaround for Firefox: Follow the Holly Specification. You shall not be using commas in your d attribute of line path, use spaces instead.

Great-great thanks! I exhausted all efforts trying to find an error. Shouldn't been using 3rd party code without a grain of salt

AS-Firefox
AS-Firefox

Apparently, you can use commas between the x and y values but not between the points in the L commands. At least that seemed to be the case for me. Removing the ","s between points made the <path> show, but using them between x and y did not seem to cause a problem.

Modified by AS-Firefox

AS-Firefox
AS-Firefox

Just tried an example <path> with the Q command using commas between the points and it rendered.