From aac0f476b259efbbd22bd08c0e72484ba401b907 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Thu, 5 Nov 2020 22:45:22 +0300
Subject: [PATCH] tweaks/fixes for popup search link

* use a less specific category if the inline search wasn't used yet
* set a href in html to prevent transitions during init
---
 popup.html              | 3 ++-
 popup/search-results.js | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/popup.html b/popup.html
index 1a39b3a4..27fc01db 100644
--- a/popup.html
+++ b/popup.html
@@ -222,7 +222,8 @@
     </div>
     <div class="main-controls">
       <div id="find-styles">
-        <a id="find-styles-link" i18n-text="findStyles" i18n-title="findStylesForSite"></a>
+        <a id="find-styles-link" i18n-text="findStyles" i18n-title="findStylesForSite"
+           href="https://to.be.replaced.on.click/" target="_blank"></a>
         <span id="find-styles-inline-group">
           <label i18n-title="findStylesInlineTooltip">
             <input id="popup.findStylesInline" class="checker" type="checkbox">
diff --git a/popup/search-results.js b/popup/search-results.js
index f596553e..5558d958 100755
--- a/popup/search-results.js
+++ b/popup/search-results.js
@@ -44,8 +44,6 @@ window.addEventListener('showStyles:done', () => {
   let totalPages = 1;
   let ready;
 
-  calcCategory();
-
   const $class = sel => (sel instanceof Node ? sel : $(sel)).classList;
   const show = sel => $class(sel).remove('hidden');
   const hide = sel => $class(sel).add('hidden');
@@ -54,6 +52,8 @@ window.addEventListener('showStyles:done', () => {
     href: URLS.usoArchive,
     onclick(event) {
       if (!prefs.get('popup.findStylesInline') || dom.container) {
+        // use a less specific category if the inline search wasn't used yet
+        if (!category) calcCategory({retry: 1});
         this.search = new URLSearchParams({category, search: $('#search-query').value});
         handleEvent.openURLandHide.call(this, event);
         return;
@@ -62,6 +62,7 @@ window.addEventListener('showStyles:done', () => {
       this.textContent = this.title;
       this.title = '';
       init();
+      calcCategory();
       ready = start();
     },
   });