diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue index d00e162c9..7ecced05b 100644 --- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue +++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue @@ -115,6 +115,7 @@ export default { isProgrammaticScroll: false, messageSentSinceOpened: false, labelSuggestions: [], + markReadTimeout: null, }; }, @@ -272,6 +273,7 @@ export default { } this.fetchAllAttachmentsFromCurrentChat(); this.fetchSuggestions(); + this.removeMarkReadTimeout(); this.messageSentSinceOpened = false; }, }, @@ -296,6 +298,7 @@ export default { unmounted() { this.removeBusListeners(); this.removeScrollListener(); + this.removeMarkReadTimeout(); }, methods: { @@ -362,7 +365,9 @@ export default { this.scrollToBottom(); } }); - this.makeMessagesRead(); + this.markReadTimeout = setTimeout(this.makeMessagesRead, 5000, { + once: true, + }); }, addScrollListener() { this.conversationPanel = this.$el.querySelector('.conversation-panel'); @@ -473,6 +478,9 @@ export default { return false; }); }, + removeMarkReadTimeout() { + clearTimeout(this.markReadTimeout); + }, }, };