fix(checkbox): Remove GPU layer promotion for mark elements

traviskaufman · jelbourn · commit 82a22a71d02d · 2016-04-05T11:25:45.000-07:00
This commit removes the CSS that promotes checkmarks to the GPU layer,
due to an issue in Chrome which makes transitions appear incorrect when
the promotions are applied.
diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss
@@ -202,9 +202,7 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)
  */
 %md-checkbox-mark {
   $width-padding-inset: 2 * $md-checkbox-border-width;
-
   width: calc(100% - #{$width-padding-inset});
-  will-change: opacity, transform;
 }
 
 /**

Original file line number	Diff line number	Diff line change
`@@ -202,9 +202,7 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)`
`202`	`202`	`*/`
`203`	`203`	`%md-checkbox-mark {`
`204`	`204`	`$width-padding-inset: 2 * $md-checkbox-border-width;`
`205`		`-`
`206`	`205`	`width: calc(100% - #{$width-padding-inset});`
`207`		`- will-change: opacity, transform;`
`208`	`206`	`}`
`209`	`207`
`210`	`208`	`/**`