resize of scrollable results triggered when panels are visible and switched to

frontend-js/src/main/js/gui/Panel.js

@@ -258,23 +258,26 @@ Panel.prototype.onresize = function() {
   // compute the width (we can only compute it for visible elements)
   var size = 100000;
 
-  $(".pre-scrollable", self.getElement()).each(function(index, element) {
-    if ($(element).is(":visible")) {
-      size = Math.min(size, footerPosition - $(element).offset().top);
-    }
-  });
-  if ($(self.getElement()).hasClass("pre-scrollable") && $(self.getElement()).is(":visible")) {
-    size = Math.min(size, footerPosition - $(self.getElement()).offset().top);
-  }
-  if (size !== 100000) {
+  if ($(self.getElement()).is(":visible")) {
+
     $(".pre-scrollable", self.getElement()).each(function(index, element) {
-      $(element).css('max-height', size);
-      $(element).css('height', size);
+      if ($(element).is(":visible")) {
+        size = Math.min(size, footerPosition - $(element).offset().top);
+      }
     });
-  }
-  if ($(self.getElement()).hasClass("pre-scrollable") && $(self.getElement()).is(":visible")) {
-    $(self.getElement()).css('max-height', size);
-    $(self.getElement()).css('height', size);
+    if ($(self.getElement()).hasClass("pre-scrollable") && $(self.getElement()).is(":visible")) {
+      size = Math.min(size, footerPosition - $(self.getElement()).offset().top);
+    }
+    if (size !== 100000) {
+      $(".pre-scrollable", self.getElement()).each(function(index, element) {
+        $(element).css('max-height', size);
+        $(element).css('height', size);
+      });
+    }
+    if ($(self.getElement()).hasClass("pre-scrollable") && $(self.getElement()).is(":visible")) {
+      $(self.getElement()).css('max-height', size);
+      $(self.getElement()).css('height', size);
+    }
   }
 
 };

frontend-js/src/main/js/gui/leftPanel/SearchPanel.js

@@ -4,7 +4,7 @@ var Promise = require("bluebird");
 
 /* exported logger */
 
-var AbstractGuiElement = require('../AbstractGuiElement');
+var Panel = require('../Panel');
 var ChemicalPanel = require('./ChemicalPanel');
 var DrugPanel = require('./DrugPanel');
 var MiRnaPanel = require('./MiRnaPanel');
@@ -14,7 +14,8 @@ var Functions = require('../../Functions');
 var logger = require('../../logger');
 
 function SearchPanel(params) {
-  AbstractGuiElement.call(this, params);
+  params.panelName = "global-search";
+  Panel.call(this, params);
   var self = this;
 
   this._tabIdCount = 0;
@@ -24,7 +25,7 @@ function SearchPanel(params) {
 
 }
 
-SearchPanel.prototype = Object.create(AbstractGuiElement.prototype);
+SearchPanel.prototype = Object.create(Panel.prototype);
 SearchPanel.prototype.constructor = SearchPanel;
 
 SearchPanel.prototype._createPanelGui = function() {