fix(slider): render issues with ticks that occur when parent elements…

… are resized Closes #1996. Closes #2764.
angular · Jul 6, 2015 · 5b0c256 · 5b0c256
1 parent a64291b
commit 5b0c256
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/slider/slider.scss b/src/components/slider/slider.scss
@@ -86,6 +86,12 @@ md-slider {
     right: 0;
     height: 100%;
   }
+  .md-track-ticks canvas {
+    // Restrict the width of the canvas so that ticks are rendered correctly
+    // when parent elements are resized. Else, the position of the ticks might
+    // be incorrect as we only update the canvas width attribute on window resize.
+    width: 100%;
+  }
 
   /**
    * Slider thumb