From 9e654ff3c6074c0fbe8575e8917c0b128a441fe0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Piotr=20=C5=BBuralski?=
 <20515925+piotr-zuralski@users.noreply.github.com>
Date: Sat, 11 May 2019 18:44:20 +0200
Subject: [PATCH] fix search problem - only if input is not empty change to
 search hash location (#9434)

---
 source/components/index.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/source/components/index.html b/source/components/index.html
index ec18adc3a91..a81f9750a51 100644
--- a/source/components/index.html
+++ b/source/components/index.html
@@ -61,7 +61,7 @@ Support for these components is provided by the Home Assistant community.
   <div class="grid__item five-sixths lap-one-whole palm-one-whole">
     <div class="component-search">
       <form onsubmit="event.preventDefault(); return false">
-        <input type="text" name="search" id="search" class="search" placeholder="Search components...">
+        <input type="text" name="search" id="search" class="search" placeholder="Search components..." autofocus />
       </form>
     </div>
     <div class="hass-option-cards" id="componentContainer"> </div>
@@ -265,9 +265,11 @@ allComponents.pop(); // remove placeholder element at the end
   $('.component-search input').keyup(debounce(function() {
     var text = $(this).val();
     // sanitize input
-    text = text.replace(/[(\?|\&\{\}\(\))]/gi, '');
-    updateHash('#search/' + text);
-    applyFilter();
+    text = text.replace(/[(\?|\&\{\}\(\))]/gi, '').trim();
+    if (typeof text === "string" && text.length !== 0) {
+        updateHash('#search/' + text);
+        applyFilter();
+    }
   }, 500));
 
   window.addEventListener('hashchange', applyFilter);