From 37df21645a422a7ef2b272221dc830c66a21be09 Mon Sep 17 00:00:00 2001
From: Marcos Moura <mrufino@ciandt.com>
Date: Mon, 5 Sep 2016 22:16:51 -0300
Subject: [PATCH] Improve checkbox rendering performance

---
 src/components/mdCheckbox/mdCheckbox.scss | 1 +
 src/docs/pages/Checkbox.vue               | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/mdCheckbox/mdCheckbox.scss b/src/components/mdCheckbox/mdCheckbox.scss
index e965e3a..f7e7bfa 100644
--- a/src/components/mdCheckbox/mdCheckbox.scss
+++ b/src/components/mdCheckbox/mdCheckbox.scss
@@ -8,6 +8,7 @@ $checkbox-ripple-size: 48px;
   margin: 16px 8px 16px 0;
   display: inline-flex;
   position: relative;
+  transform: translate3D(0, 0, 0);
 
   .md-checkbox-container {
     width: $checkbox-size;
diff --git a/src/docs/pages/Checkbox.vue b/src/docs/pages/Checkbox.vue
index 9ba4e75..86803cf 100644
--- a/src/docs/pages/Checkbox.vue
+++ b/src/docs/pages/Checkbox.vue
@@ -26,7 +26,7 @@
       <md-checkbox id="my-test5" name="my-test5" v-model="checkbox" disabled>Disabled</md-checkbox>
     </div>
 
-    {{ checkbox }}
+    <span>{{ checkbox }}</span>
   </section>
 </template>