Cannot use 'css' method to set styles in TS projects

[srnec]

Bug report

Fiddle

https://jsfiddle.net/Lovnpkxa/

Explanation

Based on the docs this should set the font size on CSS/styles level:
.css('fontSize', 20)
If the above code is used it will not set the desired CSS font size styling, but this code will work:
.css('font-size', 20)

Problem is that when TS types are used, css method's first argument style is type of CSSStyleDeclaration where it only allows fontSize.

[Fuzzyma]

Ok, tracking this down was wild. We used to set and read css properties differently and had to convert dash-case to camelcase.
But when we changed that, we removed the conversion (now we needed dash-case) but never added a conversion from camelCase to dash-case.
But it is like this for more than a year now. Seems like nobody is using that css method very often :D.

If you want you can create a PR and make sure that the input to css is converted from camelCase to dash-case. We just have to skip over css vars when we do that.

[srnec]

Apparently it is already fixed on master:
#1321

When we can await a new version of Svg.js that will include this fix?

[Fuzzyma]

Good find!
Technically it's not a fix tho. The old behavior allowed camelCase and the new doesnt.

I have to fix this first and then allow both, camel and kebap

[srnec]

One another remark to not forget about...
There is also problem to delete css style using element.css('cursor', null) syntax, because 2nd argument is typed as string and doesn't allow null to be passed.