Improved input focusing when there are multiple fields

furiouscollective · Oct 6, 2015 · 7e75cd0 · 7e75cd0
1 parent 9e8250f
commit 7e75cd0
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/gridforms/gridforms.js b/gridforms/gridforms.js
@@ -42,8 +42,12 @@ $(function() {
         },
         events: function() {
             var that = this;
-            that.el.fieldsContainers.click(function() {
-                $(this).find('input[type="text"], textarea, select').focus();
+            that.el.fieldsContainers.click(function(event) {
+                var focusableFields = that.el.focusableFields.selector;
+
+                if (!$(event.target).is(focusableFields)) {
+                    $(this).find('input[type="text"], textarea, select').first().focus();
+                }
             });
             that.el.focusableFields.focus(function() {
                 that.focusField($(this));