The matrixify function transform.js does not accept whitespace between name of the transform and '('

[topox]

Hi,
I used draggable.svg on an SVG which contained an element

which works fine displaying. In draggable.svg the method matrixify from src/modules/optional/transform.js is called and the browser emits
"matrix[transform[0]]" at "transform.js:33" is undefined.

The problem is that
transform[0] == "translate "
i.e. it includes the space at the end, which results in the lookup of
matrix["translate "]
which is undefined.

One temporary fix is to remove the space from the svg file - but it seems to be valid svg (as far as I can tell).

To fix it in the source I would recommend

transform.js:21
- kv[0],
+ kv[0].trim(),

Thanks

[Fuzzyma]

Thanks for the report! That's indeed a bug. Crazy that this never came up before.

Feel free to create a PR that fixes the issue. If possible, also add a test case :)