fix(validation): delegate input may be visible, focusable

fixes #22
rnicholus · Oct 25, 2014 · f2fc9ad · f2fc9ad
1 parent 5bbe284
commit f2fc9ad
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/file-input.js b/file-input.js
@@ -103,11 +103,21 @@
 
         setupValidationTarget = function(customEl) {
             validationTarget = document.createElement("input");
+            validationTarget.setAttribute("tabindex", "-1");
             validationTarget.setAttribute("type", "text");
 
-            validationTarget.style.width = 0;
+            // Strange margin/padding needed to ensure some browsers 
+            // don't hide the validation message immediately after it 
+            // appears (Chrome at this time)
+            validationTarget.style.padding = "1px";
+            validationTarget.style.margin = "-1px";
+
+            validationTarget.style.border = 0;
             validationTarget.style.height = 0;
             validationTarget.style.opacity = 0;
+            validationTarget.style.width = 0;
+
+            validationTarget.className = "fileInputDelegate";
 
             validationTarget.customElementRef = customEl;