hide the mirror text

Author: Yvonne Yip

paper-autogrow-textarea.html

@@ -44,6 +44,10 @@
       width: 400px;
     }
 
+    .mirror-text {
+      visibility: hidden;
+    }
+
     ::content textarea {
       padding: 0;
       margin: 0;
@@ -61,7 +65,7 @@
   </style>
 
   <!-- the mirror sizes the input/textarea so it grows with typing -->
-  <div id="mirror" class="mirror-text" invisible aria-hidden="true">&nbsp;</div>
+  <div id="mirror" class="mirror-text" aria-hidden="true">&nbsp;</div>
 
   <!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->
   <div class="textarea-container" fit>
@@ -154,4 +158,4 @@
   });
 
 </script>
-</polymer-element>
+</polymer-element>

test/autogrow.html

@@ -120,9 +120,13 @@
         });
       });
 
+      test('mirror text is visibility:hidden', function() {
+        assert.equal(getComputedStyle(a1.$.mirror).visibility, 'hidden');
+      });
+
     });
 
   </script>
 
 </body>
-</html>
+</html>