Merge pull request #102 from natsumework/master

#7 Keep device keyboard opened after sending message

Author: antoine92190

src/ChatWindow/Room.vue

@@ -400,7 +400,8 @@ export default {
 			newMessages: [],
 			recorderStream: {},
 			recorder: {},
-			recordedChunks: []
+			recordedChunks: [],
+      keepMobileKeyboardOpen: false,
 		}
 	},
 
@@ -418,6 +419,15 @@ export default {
 			}
 		})
 
+    if (detectMobile()) {
+      this.$refs['roomTextarea'].addEventListener('blur', e => {
+        setTimeout(() => this.keepMobileKeyboardOpen = false, 0)
+      })
+      this.$refs['roomTextarea'].addEventListener('click', e => {
+        this.keepMobileKeyboardOpen = true
+      })
+    }
+
 		this.$refs.scrollContainer.addEventListener('scroll', e => {
 			this.hideOptions = true
 			setTimeout(() => {
@@ -628,6 +638,7 @@ export default {
 			this.imageDimensions = null
 			this.imageFile = null
 			this.emojiOpened = false
+      this.preventMobileKeyboardFromClosing()
 			setTimeout(() => this.focusTextarea(disableMobileFocus), 0)
 		},
 		resetImageFile() {
@@ -650,6 +661,11 @@ export default {
 		isMessageEmpty() {
 			return !this.file && !this.message.trim()
 		},
+    preventMobileKeyboardFromClosing() {
+      if (this.keepMobileKeyboardOpen) {
+        this.$refs['roomTextarea'].focus()
+      }
+    },
 		sendMessage() {
 			if (!this.file && !this.message.trim()) return
 
@@ -716,6 +732,7 @@ export default {
 			element.scrollTo({ top: element.scrollHeight, behavior: 'smooth' })
 		},
 		onChangeInput() {
+      this.keepMobileKeyboardOpen = true
 			this.resizeTextarea()
 			this.$emit('typing-message', this.message)
 		},