fix(slider): prevent thumb from getting stuck on Mobile Safari (#2142)

mmalerba · web-flow · commit 4adee46bcbfd · 2016-12-09T15:18:51.000-08:00
* .

* fix(slider): prevent thumb from getting stuck on Mobile Safari

* fix units
diff --git a/src/lib/slider/slider.scss b/src/lib/slider/slider.scss
@@ -94,7 +94,9 @@ md-slider {
 .md-slider-sliding {
   .md-slider-track-fill,
   .md-slider-thumb-container {
-    transition: none;
+    // Must use `transition-duration: 0ms` to disable animation rather than `transition: none`.
+    // On Mobile Safari `transition: none` causes the slider thumb to appear stuck.
+    transition-duration: 0ms;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,9 @@ md-slider {`
`94`	`94`	`.md-slider-sliding {`
`95`	`95`	`.md-slider-track-fill,`
`96`	`96`	`.md-slider-thumb-container {`
`97`		`- transition: none;`
	`97`	+ // Must use `transition-duration: 0ms` to disable animation rather than `transition: none`.
	`98`	+ // On Mobile Safari `transition: none` causes the slider thumb to appear stuck.
	`99`	`+ transition-duration: 0ms;`
`98`	`100`	`}`
`99`	`101`	`}`
`100`	`102`