bugfix: autofocus editor to bind search function

Signed-off-by: Stefan Dej <meteyou@gmail.com>

src/components/inputs/Codemirror.vue

@@ -6,7 +6,7 @@
 
 <template>
     <div class="vue-codemirror">
-        <div ref="codemirror"></div>
+        <div ref="codemirror" v-observe-visibility="visibilityChanged"></div>
     </div>
 </template>
 
@@ -72,7 +72,6 @@ export default class Codemirror extends Mixins(BaseMixin) {
         })
         this.cminstance = this.codemirror
 
-
         this.$nextTick(() => {
             this.setCmValue(this.code || this.value || this.content)
 
@@ -106,5 +105,9 @@ export default class Codemirror extends Mixins(BaseMixin) {
 
         return extensions
     }
+
+    visibilityChanged(isVisible: boolean) {
+        if (isVisible) this.cminstance?.focus()
+    }
 }
 </script>