Add chat scroll to bottom when opening it

www/common/messenger-ui.js

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

www/common/toolbar3.js

@@ -486,6 +486,12 @@ MessengerUI, Messages) {
         var show = function () {
             if (Bar.isEmbed) { $content.hide(); return; }
             $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');
             config.$contentContainer.addClass('cp-chat-visible');
             $button.removeClass('cp-toolbar-notification');