resetting proper styles on mirror el

syropian · Jul 25, 2016 · e332de6 · e332de6
1 parent e357424
commit e332de6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/index.js b/index.js
@@ -25,19 +25,19 @@ exports.install = function (Vue, options) {
         var styles = window.getComputedStyle(_this.el, null);
         Object.assign(_this.mirror.style, {
           position: "absolute",
-          top: "0",
-          left: "0",
+          top: "-9999px",
+          left: "-9999px",
           width: "auto",
           whiteSpace: "nowrap",
+          opacity: 0,
           border: styles.getPropertyValue("border"),
           fontSize: styles.getPropertyValue("font-size"),
           fontFamily: styles.getPropertyValue("font-family"),
           fontWeight: styles.getPropertyValue("font-weight"),
           letterSpacing: styles.getPropertyValue("letter-spacing"),
           padding: styles.getPropertyValue("padding"),
           textTransform: styles.getPropertyValue("text-transform"),
-          ariaHidden: true,
-          opacity: 0
+          ariaHidden: true
         });
         document.body.appendChild(_this.mirror);
         _this.check(_this.el);

diff --git a/index.umd.js b/index.umd.js
@@ -33,13 +33,15 @@
             left: "-9999px",
             width: "auto",
             whiteSpace: "nowrap",
+            opacity: 0,
+            border: styles.getPropertyValue("border"),
             fontSize: styles.getPropertyValue("font-size"),
             fontFamily: styles.getPropertyValue("font-family"),
             fontWeight: styles.getPropertyValue("font-weight"),
             letterSpacing: styles.getPropertyValue("letter-spacing"),
+            padding: styles.getPropertyValue("padding"),
             textTransform: styles.getPropertyValue("text-transform"),
-            ariaHidden: true,
-            opacity: 0
+            ariaHidden: true
           });
           document.body.appendChild(_this.mirror);
           _this.check(_this.el);

diff --git a/src/index.js b/src/index.js
@@ -24,19 +24,19 @@ exports.install = function(Vue, options){
         let styles = window.getComputedStyle(this.el, null);
         Object.assign(this.mirror.style, {
           position: "absolute",
-          top: "0",
-          left: "0",
+          top: "-9999px",
+          left: "-9999px",
           width: "auto",
           whiteSpace: "nowrap",
+          opacity: 0,
           border: styles.getPropertyValue("border"),
           fontSize: styles.getPropertyValue("font-size"),
           fontFamily: styles.getPropertyValue("font-family"),
           fontWeight: styles.getPropertyValue("font-weight"),
           letterSpacing: styles.getPropertyValue("letter-spacing"),
           padding: styles.getPropertyValue("padding"),
           textTransform: styles.getPropertyValue("text-transform"),
-          ariaHidden: true,
-          opacity: 0
+          ariaHidden: true
         });
         document.body.appendChild(this.mirror);
         this.check(this.el);