From d00c70f80440bc9cb7c257a56a39444fc931a1f9 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <github@xpaw.me>
Date: Mon, 16 Jul 2018 19:43:25 +0300
Subject: [PATCH] Fix some input issues on mobile

---
 client/components/MessageList.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/components/MessageList.vue b/client/components/MessageList.vue
index 667eb9c9..28bc76b2 100644
--- a/client/components/MessageList.vue
+++ b/client/components/MessageList.vue
@@ -61,7 +61,7 @@
 <script>
 require("intersection-observer");
 
-import {debounce, throttle} from "lodash";
+import {throttle} from "lodash";
 
 const constants = require("../js/constants");
 const clipboard = require("../js/clipboard");
@@ -122,6 +122,12 @@ export default {
 		"channel.messages"() {
 			this.keepScrollPosition();
 		},
+		"channel.pendingMessage"() {
+			this.$nextTick(() => {
+				// Keep the scroll stuck when input gets resized while typing
+				this.keepScrollPosition();
+			});
+		},
 	},
 	created() {
 		this.$nextTick(() => {
@@ -140,7 +146,7 @@ export default {
 		});
 	},
 	mounted() {
-		this.debouncedResize = debounce(this.handleResize, 500);
+		this.debouncedResize = throttle(this.handleResize, 500);
 		this.debouncedScroll = throttle(this.handleScroll, 150);
 
 		window.addEventListener("resize", this.debouncedResize, {passive: true});