From 461b7ccb88843d3df4ae27dafcdbf5067ad5ca08 Mon Sep 17 00:00:00 2001
From: Maxim Stewart <maximstewart1@gmail.com>
Date: Fri, 31 Jan 2020 12:46:44 -0600
Subject: [PATCH] Bug fixes

---
 README.md                     |  6 ++++--
 src/css/tabsSearch.css        | 20 +++++++++++++++-----
 src/manifest.json             |  2 +-
 src/pages/tabsSearch.html     |  2 +-
 src/scripts/eventListeners.js |  2 +-
 5 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index ace43fb..bb910f1 100644
--- a/README.md
+++ b/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.
diff --git a/src/css/tabsSearch.css b/src/css/tabsSearch.css
index de21672..cf12681 100644
--- a/src/css/tabsSearch.css
+++ b/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;
diff --git a/src/manifest.json b/src/manifest.json
index a3dadb8..c49973b 100644
--- a/src/manifest.json
+++ b/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": {
diff --git a/src/pages/tabsSearch.html b/src/pages/tabsSearch.html
index 3739e47..de8d313 100755
--- a/src/pages/tabsSearch.html
+++ b/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">
diff --git a/src/scripts/eventListeners.js b/src/scripts/eventListeners.js
index 3e3b82f..d1f9540 100644
--- a/src/scripts/eventListeners.js
+++ b/src/scripts/eventListeners.js
@@ -1,4 +1,4 @@
-document.getElementById("searchBar").onkeypress = function () {
+document.getElementById("searchBar").onkeyup = function () {
     searchTabs();
 }