Bug fixes

README.md

@@ -4,8 +4,10 @@ Search Firefox tabs and get a list or automatic direct to the searched tab.
 # Download
 https://addons.mozilla.org/en-US/firefox/addon/tab-search-and-manage/
 
-# Version: 1.3.4
-Changed out tab control scheme.
+# Version: 1.3.5
+* Fixed search backspaceing not working
+* Fixed controls being over search bar
+* applied thin scrollbar
 
 ***Note:
 To get tab hiding functionality, you must go to <b>about:config</b> and search for <b>extensions.webextensions.tabhide.enabled</b>. Set it to <b>true</b> by double clicking it. Then tabs can be shown or hidden via the eyes.

src/css/tabsSearch.css

@@ -1,5 +1,8 @@
+/* System */
 html, body { overflow-x: hidden; }
 
+
+/* IDs */
 #masterContainer, div[id*="listZone"], .block {
    display: block;
    padding: 1em;
@@ -13,6 +16,7 @@ html, body { overflow-x: hidden; }
 
 #controls {
     position: fixed;
+    z-index: 999;
     top: 0;
     background: rgba(255,255,255, 1);
     margin-left: 1.4em;
@@ -20,10 +24,9 @@ html, body { overflow-x: hidden; }
 
 #tabControls {
     position: fixed;
-    z-index: 120;
+    z-index: 555;
     height: 128px;
     padding: 0em 0.4em 0.4em 0.4em;
-    width: auto;
     background-color: rgba(9,107,120, 0.85);
     color: rgb(255,255,255);
 }
@@ -51,7 +54,6 @@ html, body { overflow-x: hidden; }
 }
 
 #searchBar, #errorZone {
-    z-index: 888;
     width: 630px;
     background: rgb(255,255,255);
     color: rgba(9,107,120, 0.85);
@@ -74,12 +76,15 @@ html, body { overflow-x: hidden; }
 
 #listZone {
     background-color: rgba(255,255,255, 1);
-    float: left;
+    max-height: 450px;
+    overflow: auto;
+	scroll-snap-type: y mandatory;
     width: 630px;
-    height: auto;
     margin: 1.5em;
 }
 
+
+/* Classes */
 .block, .windowIdHeaders {
     display: block;
     clear: right;
@@ -110,6 +115,11 @@ html, body { overflow-x: hidden; }
     text-align: center;
 }
 
+.scroller {
+	scrollbar-color: #00000084 #ffffff64;
+	scrollbar-width: thin;
+}
+
 .closeImg, .hiderImg {
     padding: 0.2em;
     width: 28px;

src/manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "Tab Search and Manage",
-    "version": "1.3.4",
+    "version": "1.3.5",
     "description": "This plugin can search, drag-n-drop ordering, and (un)hide all or some tabs.",
 
   "applications": {

src/pages/tabsSearch.html

@@ -11,7 +11,7 @@
         <input id="searchBar" type="text" placeholder="Search tabs..." value="" autofocus />
     </div>
 
-    <div id="listZone" class="container"></div>
+    <div id="listZone" class="container scroller"></div>
     <div id="errorZone" style="display: none;"></div>
 
     <div id="bottomControls">

src/scripts/eventListeners.js

@@ -1,4 +1,4 @@
-document.getElementById("searchBar").onkeypress = function () {
+document.getElementById("searchBar").onkeyup = function () {
     searchTabs();
 }