aboutsummaryrefslogtreecommitdiff
path: root/src/components/emoji-input/emoji-input.vue
diff options
context:
space:
mode:
authorjared <jaredrmain@gmail.com>2019-03-26 13:40:37 -0400
committerjared <jaredrmain@gmail.com>2019-03-26 13:40:37 -0400
commit29274542336b82b5a8c5c19f7e5ce476f489ae37 (patch)
tree1b63a575c38b435c3effaa1be01d8a8809fee858 /src/components/emoji-input/emoji-input.vue
parent441deb405da1252ccab38501c0324ddea856f771 (diff)
#255 - support textarea and update user settings page
Diffstat (limited to 'src/components/emoji-input/emoji-input.vue')
-rw-r--r--src/components/emoji-input/emoji-input.vue18
1 files changed, 17 insertions, 1 deletions
diff --git a/src/components/emoji-input/emoji-input.vue b/src/components/emoji-input/emoji-input.vue
index 95606305..568bd080 100644
--- a/src/components/emoji-input/emoji-input.vue
+++ b/src/components/emoji-input/emoji-input.vue
@@ -1,7 +1,8 @@
<template>
<div class="emoji-input">
<input
- class="form-control"
+ v-if="type !== 'textarea'"
+ :class="classname"
:type="type"
:value="value"
:placeholder="placeholder"
@@ -15,6 +16,21 @@
@keydown.tab="cycleForward"
@keydown.enter="replaceEmoji"
/>
+ <textarea
+ v-else
+ :class="classname"
+ :value="value"
+ :placeholder="placeholder"
+ @input="onInput"
+ @click="setCaret"
+ @keyup="setCaret"
+ @keydown="onKeydown"
+ @keydown.down="cycleForward"
+ @keydown.up="cycleBackward"
+ @keydown.shift.tab="cycleBackward"
+ @keydown.tab="cycleForward"
+ @keydown.enter="replaceEmoji"
+ ></textarea>
<div class="autocomplete-panel" v-if="suggestions">
<div class="autocomplete-panel-body">
<div