Fixed scroll bug, added search to peer select modal

app/css/app.css

@@ -524,10 +524,12 @@ input[type="number"]::-webkit-inner-spin-button {
 .im_dialogs_panel {
   padding: 14px 12px;
   position: relative;
+}
+ .im_dialogs_search {
+  position: relative;
 }
 .im_page_split .im_dialogs_search {
   margin-right: 48px;
-  position: relative;
 }
 .im_dialogs_search_field {
   font-size: 12px;
@@ -853,9 +855,6 @@ a.im_dialog:hover .im_dialog_date {
   font-size: 1.5em;
 }
 
-.im_history_to_bottom {
-  position: relative;
-}
 .im_history_to_bottom .im_history_scrollable {
   position: absolute;
   bottom: 0;

app/js/controllers.js

@@ -396,7 +396,7 @@ angular.module('myApp.controllers', [])
         jump = 0;
 
     function applyDialogSelect (newPeer) {
-      selectedCancel();
+      selectedCancel(true);
       newPeer = newPeer || $scope.curDialog.peer || '';
 
       peerID = AppPeersManager.getPeerID(newPeer);
@@ -542,12 +542,14 @@ angular.module('myApp.controllers', [])
       }
     }
 
-    function selectedCancel () {
+    function selectedCancel (noBroadcast) {
       $scope.selectedMsgs = {};
       $scope.selectedCount = 0;
       $scope.selectActions = false;
+      if (!noBroadcast) {
         $scope.$broadcast('ui_panel_update');
       }
+    }
 
     function selectedFlush () {
       if (safeConfirm('Are you sure? This can not be undone!') !== true) {

app/js/directives.js

@@ -271,6 +271,7 @@ angular.module('myApp.directives', ['myApp.filters'])
             ch = scrollableWrap.clientHeight;
 
         $(scrollableWrap).addClass('im_history_to_bottom');
+        scrollableWrap.scrollHeight; // Some strange Chrome bug workaround
         $(scrollable).css({bottom: -(sh - st - ch)});
 
         onContentLoaded(function () {
@@ -340,7 +341,7 @@ angular.module('myApp.directives', ['myApp.filters'])
         updateBottomizer();
 
 
-        if (heightOnly == true) return;
+        if (heightOnly === true) return;
         if (atBottom) {
           onContentLoaded(function () {
             scrollableWrap.scrollTop = scrollableWrap.scrollHeight;

app/partials/peer_select.html

@@ -20,6 +20,30 @@
             <ul class="nav nav-pills nav-stacked">
               <li class="im_dialog_wrap" my-dialog dialog-message="dialogMessage" ng-repeat="dialogMessage in dialogs track by dialogMessage.peerID"></li>
             </ul>
+            <div class="im_dialogs_contacts_wrap" ng-show="contacts.length > 0">
+              <h5>Contacts</h5>
+              <ul class="nav nav-pills nav-stacked">
+                <li class="im_dialog_wrap" ng-repeat="contact in contacts | orderBy:'user.sortName' track by contact.userID" ng-class="{active: curDialog.peerID == contact.userID}">
+                  <a class="im_dialog" ng-click="dialogSelect(contact.peerString)">
+                    <div class="im_dialog_photo pull-left">
+                      <img
+                        class="im_dialog_photo"
+                        my-load-thumb
+                        thumb="contact.userPhoto"
+                      />
+                    </div>
+                    <div class="im_dialog_message_wrap">
+                      <div class="im_dialog_peer">
+                        <span class="im_dialog_user" ng-bind-html="contact.user.rFullName"></span>
+                      </div>
+                      <div class="im_dialog_message">
+                        <span class="im_dialog_message_text">{{contact.user | userStatus}}</span>
+                      </div>
+                    </div>
+                  </a>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
       </div>