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 @@

Effect mode

-
- +
+
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;