From d4dce1eabc66d19f31ee412e9eb844517cc60586 Mon Sep 17 00:00:00 2001
From: Nozomu Ikuta <nick.0508.nick@gmail.com>
Date: Thu, 21 Oct 2021 18:25:40 +0900
Subject: [PATCH] fix(content): prevent editor extending on typing (#933)

---
 packages/content/templates/editor.vue           | 8 ++++++--
 packages/content/templates/nuxt-content.dev.vue | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/content/templates/editor.vue b/packages/content/templates/editor.vue
index 9cd51e071..e1b3908ef 100644
--- a/packages/content/templates/editor.vue
+++ b/packages/content/templates/editor.vue
@@ -2,7 +2,6 @@
   <textarea
     ref="textarea"
     v-model="file"
-    @keyup.stop="onType"
     @keydown.tab.exact.prevent="onTabRight"
     @keydown.tab.shift.prevent="onTabLeft"
     @compositionstart.prevent="isInComposition = true"
@@ -32,13 +31,18 @@ export default {
       this.$refs.textarea.focus()
     },
     file () {
+      this.onType()
       this.$emit('input', this.file)
     }
   },
   methods: {
     onType () {
       const el = this.$refs.textarea
-      el.style.height = el.scrollHeight + 'px'
+
+      el.style.height = 'auto'
+      this.$nextTick(() => {
+        el.style.height = el.scrollHeight + 'px'
+      })
     },
     onTabRight(event) {
       if (this.isInComposition) {
diff --git a/packages/content/templates/nuxt-content.dev.vue b/packages/content/templates/nuxt-content.dev.vue
index 1bbd596fc..d9019256c 100644
--- a/packages/content/templates/nuxt-content.dev.vue
+++ b/packages/content/templates/nuxt-content.dev.vue
@@ -98,7 +98,11 @@ export default {
 }
 
 .nuxt-content-editor {
+  box-sizing: border-box;
+  display: block;
   width: 100%;
   padding: 8px;
+  overflow: hidden;
+  resize: none;
 }
 </style>