Fix editing media description

I didn't notice that adding `rows` to the textarea blocks cursor side
movement.
This commit is contained in:
L. E. Segovia 2018-11-24 00:54:45 +00:00
parent 91dfc59383
commit 833a1f3022
No known key found for this signature in database
GPG Key ID: D5D1DC48B52B7AD5
1 changed files with 9 additions and 1 deletions

View File

@ -21,7 +21,14 @@
<div class="image-wrapper" v-for="media in attachedMedias" v-bind:key="media.id"> <div class="image-wrapper" v-for="media in attachedMedias" v-bind:key="media.id">
<img :src="media.preview_url" class="preview-image" /> <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> <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> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -358,6 +365,7 @@ export default {
color: #fff; color: #fff;
opacity: 1; opacity: 1;
resize: none; resize: none;
overflow: scroll;
&::placeholder { &::placeholder {
color: #c0c4cc; color: #c0c4cc;