Add chat scroll to bottom when opening it

pull/1/head
ClemDee 6 years ago
parent 62eb623f49
commit bfba5ff33b

@ -197,6 +197,11 @@ define([
var getChat = function (id) { var getChat = function (id) {
return $messages.find(dataQuery(id)); return $messages.find(dataQuery(id));
}; };
var scrollChatToBottom = function () {
var $messagebox = $('.cp-app-contacts-messages');
$messagebox.scrollTop($messagebox[0].scrollHeight);
};
var normalizeLabels = function ($messagebox) { var normalizeLabels = function ($messagebox) {
$messagebox.find('div.cp-app-contacts-message').toArray().reduce(function (a, b) { $messagebox.find('div.cp-app-contacts-message').toArray().reduce(function (a, b) {
@ -364,10 +369,7 @@ define([
input.value = ''; input.value = '';
sending = false; sending = false;
debug('sent successfully'); debug('sent successfully');
var $messagebox = $(messages); scrollChatToBottom();
var height = $messagebox[0].scrollHeight;
$messagebox.scrollTop(height);
}); });
}; };
@ -584,7 +586,7 @@ define([
$messagebox.append(el_message); $messagebox.append(el_message);
if (shouldScroll) { if (shouldScroll) {
$messagebox.scrollTop($messagebox[0].scrollHeight); scrollChatToBottom();
} }
normalizeLabels($messagebox); normalizeLabels($messagebox);
reorderRooms(); reorderRooms();

@ -486,6 +486,12 @@ MessengerUI, Messages) {
var show = function () { var show = function () {
if (Bar.isEmbed) { $content.hide(); return; } if (Bar.isEmbed) { $content.hide(); return; }
$content.show(); $content.show();
// scroll down chat
var $messagebox = $content.find('.cp-app-contacts-messages');
if ($messagebox.length) {
$messagebox.scrollTop($messagebox[0].scrollHeight);
}
$button.addClass('cp-toolbar-button-active'); $button.addClass('cp-toolbar-button-active');
config.$contentContainer.addClass('cp-chat-visible'); config.$contentContainer.addClass('cp-chat-visible');
$button.removeClass('cp-toolbar-notification'); $button.removeClass('cp-toolbar-notification');

Loading…
Cancel
Save