Merge pull request #706 from TheRestartProject/RES-1952_autofocus_item

RES-1952 Only auto-focus for devices when adding.

resources/js/components/DeviceType.vue

@@ -47,6 +47,11 @@ export default {
       type: [Boolean, Number],
       required: false,
       default: false
+    },
+    autoFocus: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   computed: {
@@ -85,13 +90,16 @@ export default {
     }
   },
   mounted() {
-    // Focus on the input.  This is a bit hacky as the typeahead component doesn't expose the input element.  So we
-    // add our own class and then find it.
-    try {
-      this.currentType = this.type
-      document.getElementsByClassName('theinput-' + this.uid)[0].focus()
-    } catch (e){
-      console.error('Input focus failed', e)
+    this.currentType = this.type
+
+    if (this.autoFocus) {
+      // Focus on the input.  This is a bit hacky as the typeahead component doesn't expose the input element.  So we
+      // add our own class and then find it.
+      try {
+        document.getElementsByClassName('theinput-' + this.uid)[0].focus()
+      } catch (e){
+        console.error('Input focus failed', e)
+      }
     }
 
     // Fetch the item types.  We do this here because it's slow, and we don't want to block the page load.

resources/js/components/EventDevice.vue

@@ -11,6 +11,7 @@
                       :icon-variant="add ? 'black' : 'brand'" :disabled="disabled"
                       :suppress-type-warning="suppressTypeWarning" :powered="powered"
                       :unknown.sync="unknownItemType"
+                      :auto-focus="add"
           />
           <DeviceCategorySelect :class="{
             'mb-2': true,