From 833a1f3022cda37e8cca5dab6c3637ba548c8c17 Mon Sep 17 00:00:00 2001
From: "L. E. Segovia" <13498015+amyspark@users.noreply.github.com>
Date: Sat, 24 Nov 2018 00:54:45 +0000
Subject: [PATCH] Fix editing media description

I didn't notice that adding `rows` to the textarea blocks cursor side
movement.
---
 .../components/TimelineSpace/Modals/NewToot.vue        | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/TimelineSpace/Modals/NewToot.vue b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
index eb0ca196..0524d7c1 100644
--- a/src/renderer/components/TimelineSpace/Modals/NewToot.vue
+++ b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
@@ -21,7 +21,14 @@
       <div class="image-wrapper" v-for="media in attachedMedias" v-bind:key="media.id">
         <img :src="media.preview_url" class="preview-image" />
         <el-button type="text" @click="removeAttachment(media)" class="remove-image"><icon name="times-circle"></icon></el-button>
-        <textarea rows="2" maxlength="420" class="image-description" :placeholder="$t('modals.new_toot.description')" v-model="mediaDescriptions[media.id]" ></textarea>
+        <textarea
+          maxlength="420"
+          class="image-description"
+          :placeholder="$t('modals.new_toot.description')"
+          role="textbox"
+          contenteditable="true"
+          aria-multiline="true">
+        </textarea>
       </div>
     </div>
     <div slot="footer" class="dialog-footer">
@@ -358,6 +365,7 @@ export default {
           color: #fff;
           opacity: 1;
           resize: none;
+          overflow: scroll;
 
           &::placeholder {
             color: #c0c4cc;