remove padding from inputs & fix jshint error

CodepenCreativeChallenge · Oct 12, 2015 · dee060b · dee060b
1 parent 4f76af8
commit dee060b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/templates/elements/autosize-input/autosize-input.css b/templates/elements/autosize-input/autosize-input.css
@@ -5,10 +5,9 @@ input {
   margin: 0;
   border: none;
   font-size: 1em;
-  border-bottom: 2px solid lightgray;
-}
-input {
   text-transform: capitalize;
+  padding: 0;
+  border-bottom: 2px solid lightgray;
 }
 input:focus {
   outline: none;

diff --git a/templates/elements/autosize-input/autosize-input.js b/templates/elements/autosize-input/autosize-input.js
@@ -31,13 +31,11 @@
 
       input.addEventListener('input', (e) => {
         dummy.innerText = e.target.value;
-        let dummyWitdth = window.getComputedStyle(dummy).width;
-        input.style.width = dummyWitdth;
+        input.style.width = window.getComputedStyle(dummy).width;
 
         if (e.target.value.length < 1) {
           dummy.innerText = input.placeholder;
-          let dummyWitdth = window.getComputedStyle(dummy).width;
-          input.style.width = dummy.offsetWidth + 'px';
+          input.style.width = window.getComputedStyle(dummy).width;
         }
       });
     }