From 443c9fba03b53f32eb8852e27a280042c6f52196 Mon Sep 17 00:00:00 2001
From: Woody <xaver@holzapfel.net>
Date: Sun, 26 Nov 2023 16:52:43 +0100
Subject: [PATCH] Fix search input focus issue

---
 wled00/data/index.css | 2 ++
 wled00/data/index.htm | 4 ++--
 wled00/data/index.js  | 7 ++++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/wled00/data/index.css b/wled00/data/index.css
index a8092c768..7faaeb47e 100644
--- a/wled00/data/index.css
+++ b/wled00/data/index.css
@@ -469,6 +469,7 @@ button {
 	height: 54px;
 	line-height: 1.5;
 	padding-bottom: 8px;
+	pointer-events: none;
 }
 
 /* New tooltip */
@@ -1240,6 +1241,7 @@ TD .checkmark, TD .radiomark {
 .filter .fchkl {
 	margin: 0 4px;
 	min-width: 20px;
+	pointer-events: auto;
 }
 
 .lbl-l {
diff --git a/wled00/data/index.htm b/wled00/data/index.htm
index 4a799f1d9..21aa28d6d 100644
--- a/wled00/data/index.htm
+++ b/wled00/data/index.htm
@@ -197,8 +197,8 @@
 	<div id="Effects" class="tabcontent">
 		<div id="fx">
 			<p class="labels hd" id="modeLabel">Effect mode</p>
-			<div class="staytop fnd" id="fxFind">
-				<input type="text" placeholder="Search" oninput="search(this,'fxlist')" onfocus="filterFocus(event);search(this,'fxlist');" onblur="filterFocus(event);" />
+			<div class="staytop fnd" id="fxFind" onmousedown="preventBlur(event);">
+				<input type="text" placeholder="Search" oninput="search(this,'fxlist')" onfocus="filterFocus(event);search(this,'fxlist');" onblur="filterFocus(event);">
 				<i class="icons clear-icon" onclick="clean(this);">&#xe38f;</i>
 				<i class="icons search-icon" style="cursor:pointer;">&#xe0a1;</i>
 				<div id="filters" class="filter fade">
diff --git a/wled00/data/index.js b/wled00/data/index.js
index c08c02d11..0412c0360 100644
--- a/wled00/data/index.js
+++ b/wled00/data/index.js
@@ -2776,7 +2776,7 @@ function filterFocus(e)
 	}, 252);
 	if (e.type === "blur") {
 		setTimeout(()=>{
-			if (e.target === document.activeElement) return;
+			if (e.target === document.activeElement && document.hasFocus()) return;
 			f.classList.add('fade');
 		},255);	// wait with hiding
 	}
@@ -2798,6 +2798,11 @@ function filterFx()
 	}
 }
 
+function preventBlur(e) {
+	if (e.target === gId("fxFind").children[0] || e.target === gId("filters")) return;
+	e.preventDefault();
+}
+
 // make sure "dur" and "transition" are arrays with at least the length of "ps"
 function formatArr(pl) {
 	var l = pl.ps.length;