deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-17 05:36:36 +02:00
Code Issues Projects Releases Wiki Activity

Fix some input issues on mobile

Browse source
This commit is contained in:
Pavel Djundik 2018-07-16 19:43:25 +03:00 committed by Pavel Djundik
parent 86ddce974d
commit d00c70f804
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/components/MessageList.vue
View file

@ -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});