CSS bug: short form of "transform: translate" is incorrectly applied

[sserdyuk]

According mozilla, short notation translate(-50) can be used, and should applied as translate(-50, 0). NS incorrectly interprets it as translate(-50, -50).

I came across this issue due to how webpack and uglifier now rewrite CSS rules to shortest possible form, and it causes UI to break.

See related webpack ticket.

$ tns create cssTranslateTest --tsc
$ cd cssTranslateTest/
$ echo 'button.btn {transform: translate(-50);}' >> app/app.css
$ tns run android

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[NickIliev]

Confirming this one as a bug - the short property for translate is not rendering the recommended result
Also related to NativeScript/nativescript-dev-webpack#377