fix: show "No matches found" when palette has no matching items (#1110)

src/components/inputhints/index.js

@@ -70,7 +70,10 @@ export default function inputhints($input, hints, onSelect) {
 		const action = $el.getAttribute("action");
 		if (action !== "hint") return;
 		const value = $el.getAttribute("value");
-		if (!value) return;
+		if (!value) {
+			onblur();
+			return;
+		}
 		$input.value = $el.textContent;
 		if (onSelect) onSelect(value);
 		preventUpdate = false;
@@ -304,14 +307,19 @@ export default function inputhints($input, hints, onSelect) {
 		const end = offset + LIMIT;
 		const list = hints.slice(offset, end);
 		let scrollTop = $ul.scrollTop;
-		if (!list.length) return;
+		//if (!list.length) return;
 
 		$ul.remove();
-		if (!page) {
-			scrollTop = 0;
-			$ul.content = list.map((hint) => <Hint hint={hint} />);
+
+		if (!list.length) {
+			$ul.content = [<Hint hint={{ value: "", text: "No matches found" }} />];
 		} else {
-			$ul.append(...list.map((hint) => <Hint hint={hint} />));
+			if (!page) {
+				scrollTop = 0;
+				$ul.content = list.map((hint) => <Hint hint={hint} />);
+			} else {
+				$ul.append(...list.map((hint) => <Hint hint={hint} />));
+			}
 		}
 		app.append($ul);
 		$ul.scrollTop = scrollTop;

src/components/inputhints/style.scss

@@ -1,4 +1,4 @@
-@import '../../styles/mixins.scss';
+@import "../../styles/mixins.scss";
 
 #hints {
   position: fixed;
@@ -29,8 +29,8 @@
     border-radius: 4px;
   }
 
-  [data-action='hint'],
-  [action='hint'] {
+  [data-action="hint"],
+  [action="hint"] {
     font-size: 0.9rem;
     min-height: 30px;
     height: fit-content;
@@ -88,4 +88,4 @@
   &:empty {
     display: none;
   }
-}
+}