Vendor prefix for transform

[bod1ka]

Steps to reproduce

1. Use some browser that requires vendor prefix for transform property
2. Use vertical slider with ticks

Demo: http://jsfiddle.net/yra7skru/1/

Expected behaviour

All ticks being aligned correctly

Actual behaviour

Ticks being squashed

[ValentinH]

What browser has an issue? Because we have prefix for old browsers but maybe not that old: https://github.com/angular-slider/angularjs-slider/blob/master/dist/rzslider.css#L242

[bod1ka]

Safari 600.1.4 on iPad
Not sure how this line in css could help with the issue.
There is a line https://github.com/angular-slider/angularjs-slider/blob/master/dist/rzslider.js#L993 where the transform property is set dynamically.
So I suppose prefixes should also be added there.

[bod1ka]

You could even open this page with examples on this browser and see the issues with vertical ticks
http://angular-slider.github.io/angularjs-slider/index.html

[ValentinH]

Sorry I forgot this part of the code. I thought a PR already submitted a fix for this, I don't remember why it wasn't merged...

[ValentinH]

OK that was the issue: #472

I have tried to fix that but noticed that this was handled directly by ng-style so I couldn't manually add the prefixes...

[bod1ka]

I have checked the source code for ng-style.
It doesn't do anything with prefixes , it just calls jqlite css method.
Which doesn't remove them either.
To simplify all it does is:

• Convert name to camelCase ('-webkit-transform' becomes 'webkitTransform')
• Set style for element using rawDomElement.style[property]

So the suggested fix in #472 will work

[ValentinH]

Could you provide a pull request for this?

[ValentinH]

Fixed in 6.1.1