danilowoz / react-content-loader

⚪ SVG-Powered component to easily create skeleton loadings.
https://skeletonreact.com
MIT License
13.66k stars 417 forks source link

An SVG can't be converted #307

Open NevisAdam opened 1 year ago

NevisAdam commented 1 year ago

What did you do?

I've pasted the following SVG into the editor: `

`

What did you expect to happen?

To convert into a proper content-loader.

What happened actually?

The conversion happens but the preview doesn't show anything and got these errors in the developer console:

  • Error: attribute d: Expected arc flag ('0' or '1'), "…M 4 12 a 8 8 0 18 -8 h 184 a 8 8…".
  • Error: attribute d: Expected number, "… 7 0 1114 0 7 7 a 0 11 -14 0 z M…".

Which versions of react-content-loader, and which browser are affected by this issue?

6.0.3 is the version of the react-content-loader. I'm using angular and there I've also got the above mentioned issues when pasted into my code. I'm using chrome (111.0.5563.147) on Windows 10 and on Ubuntu but it also happens in Firefox on Windows (it shows the basic rectangle but not the details inside). Also I'd like to mention that I've exported this SVG from a Figma document (Figma)