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.

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

  • 4 replies
  • 2 have this problem
  • 286 views
  • Last reply by AS-Firefox

RAYDENFilipp
RAYDENFilipp
more options

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

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.

Read this answer in context 👍 2

All Replies (4)

TyDraniu
TyDraniu
  • Top 25 Contributor
more options

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
more options

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
more options

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
more options

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