Encapsulate VueCommentForm.focus()

pradoslaw · Feb 7, 2024 · 42cec2d · 42cec2d
1 parent 0ac4a30
commit 42cec2d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/resources/js/components/forum/comment-form.vue b/resources/js/components/forum/comment-form.vue
@@ -72,6 +72,10 @@ export default class VueCommentForm extends Vue {
       .finally(() => this.isProcessing = false);
   }
 
+  focus() {
+    this.textarea.focus();
+  }
+
   cancel() {
     this.$emit('cancel');
   }

diff --git a/resources/js/components/forum/comment.vue b/resources/js/components/forum/comment.vue
@@ -58,7 +58,7 @@
       this.$store.commit('posts/edit', this.comment);
 
       if (this.comment.is_editing) {
-        this.$nextTick(() => this.commentForm.textarea.focus());
+        this.$nextTick(() => this.commentForm.focus());
       }
     }
 

diff --git a/resources/js/components/forum/post.vue b/resources/js/components/forum/post.vue
@@ -413,7 +413,7 @@ export default class VuePost extends Vue {
 
     if (this.isCommenting) {
       // @ts-ignore
-      this.$nextTick(() => this.commentForm.textarea.focus());
+      this.$nextTick(() => this.commentForm.focus());
     }
   }