[Slider/Ripples] Janking in Chrome

[jeffijoe]

Problem Description

Using the Slider, the performance is pretty sluggish.

Here's a screenshot of the timeline:

Here's another one:

Versions

• Material-UI: 0.14
• React: 15
• Browser: Chrome 50

[nathanmarks]

Eugh! This is a good example of an issue with our styling setup:

[jeffijoe]

Prefixing for each frame can't possibly be fast.

[nathanmarks]

@jeffijoe The styling situation is causing a bunch of issues including poor performance in many scenarios. I've opened a discussion on what the solution should be here #4066 , would appreciate any input!

[mpontikes]

@jeffijoe Should this be closed in favor of #4066?

[jeffijoe]

@mpontikes if the end result is moving away from prefixing inline styles, then yes.

[oliviertassinari]

Yes, let's close this issue for #4066.
Also, the performance of the styling solution are much better on the v1-beta branch.