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.