From e9e5228b69a2a7a00d76ed98997563fb4e1d2653 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Fri, 17 Apr 2020 22:51:42 +0000
Subject: [PATCH]

---
 ayanova/src/components/wiki-control.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/ayanova/src/components/wiki-control.vue b/ayanova/src/components/wiki-control.vue
index b0bfb55c..c957b4df 100644
--- a/ayanova/src/components/wiki-control.vue
+++ b/ayanova/src/components/wiki-control.vue
@@ -37,7 +37,7 @@
       elevation="2"
       class="aywiki pa-2 pa-sm-6 mt-2"
     >
-      <v-row>
+      <v-row v-resize="onResize">
         <!-- DESIGNER -->
         <v-col v-if="showDesigner()" :cols="currentView == 1 ? 6 : 12">
           <div>
@@ -78,17 +78,24 @@
               <v-icon>fa-square-full</v-icon></v-btn
             >
           </div>
+          {{ editAreaHeight }}
           <v-textarea
+            dense
+            :height="editAreaHeight"
             ref="editArea"
             @input="handleInput"
             @dblclick="handleDoubleClick"
             v-model="localVal"
-            auto-grow
           ></v-textarea>
         </v-col>
         <!-- WIKI -->
+        <!-- :style="'height:' + editAreaHeight + ';'" -->
         <v-col v-if="showWiki()" :cols="currentView == 1 ? 6 : 12">
-          <div class="aywiki" v-html="compiledOutput()"></div>
+          <div
+            style="height:300"
+            class="aywiki"
+            v-html="compiledOutput()"
+          ></div>
         </v-col>
       </v-row>
     </v-sheet>
@@ -114,7 +121,8 @@ export default {
         startOfBlock: 0, //block meaning first character after last linefeed before or at start of selection
         endOfBlock: 0, //end of block meaning selection expanded to end of line (unless there isn't one)
         hasSelection: false
-      }
+      },
+      editAreaHeight: 300
     };
   },
   props: {
@@ -127,6 +135,9 @@ export default {
     }
   },
   methods: {
+    onResize() {
+      this.editAreaHeight = window.innerHeight / 2;
+    },
     getSelectedRange() {
       let bodyTextArea = this.$refs.editArea.$el.querySelector("textarea");
       this.selection.start = bodyTextArea.selectionStart;