web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add chat scroll to bottom when opening it

Browse Source
This commit is contained in:
ClemDee 2019-05-29 12:22:18 +02:00
parent 62eb623f49
commit bfba5ff33b
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
www/common/messenger-ui.js
View File

@ -198,6 +198,11 @@ define([
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) {
var $b = $(b); var $b = $(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();

6
www/common/toolbar3.js
View File

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