Fix hover behavior and improve scrolling for search box

Author: dubeanant

css/activities.css

@@ -61,6 +61,7 @@
   transition: width 0.4s ease-in-out;
   font-size: 24px;
   color: black;
+  max-width: 100%;
 }
 
 #search:focus {
@@ -75,6 +76,8 @@
   position: relative;
   background-color: rgba(255, 255, 255, 1);
   max-width: 396px;
+  max-height: 200px;
+  overflow-y: auto;
   font-size: 18px;
   border: 2px solid #87cefa;
   list-style-type: none;

js/activity.js

@@ -2401,7 +2401,11 @@ class Activity {
                             item.label +
                             "</a>"
                     )
-                    .appendTo(ul.css("z-index", 9999));
+                    .appendTo(ul.css({
+                        "z-index": 9999,
+                        "max-height": "200px",
+                        "overflow-y": "auto"
+                    }));
             };
             const searchInput = this.searchWidget.idInput_custom;
             if (!searchInput || searchInput.length <= 0) return;