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;