Merge pull request #2917 from threefoldtech/development_2.6_filter_no…

…de_on_enter Apply filters in Node Finder on enter
threefoldtech · Jun 13, 2024 · bfd5029 · bfd5029
2 parents a4f899e + 310cc61
commit bfd5029
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/playground/src/components/filters/TfFiltersContainer.vue b/packages/playground/src/components/filters/TfFiltersContainer.vue
@@ -179,8 +179,15 @@ export default {
       collapsible.value = breakpoint > window.innerWidth;
     }
 
+    function onEnterApply(e: KeyboardEvent) {
+      if (e.keyCode == 13 && valid.value && changed.value) apply();
+    }
+
     onMounted(() => typeof breakpoint === "number" && window.addEventListener("resize", onResize));
+    onMounted(() => window.addEventListener("keyup", onEnterApply));
     onUnmounted(() => typeof breakpoint === "number" && window.removeEventListener("resize", onResize));
+    onUnmounted(() => window.removeEventListener("keyup", onEnterApply));
+
     typeof breakpoint === "number" && onResize();
 
     return { empty, changed, clear, apply, valid, collapsible, filterOpened };