From aa0e8ed8d68a0d8889fee3adddb22b16a54e90bc Mon Sep 17 00:00:00 2001 From: Alejandro Alonso Date: Fri, 14 Jan 2022 11:12:41 +0100 Subject: [PATCH] :sparkles: Pressing enter to exit the fields --- frontend/src/app/main/ui/components/color_input.cljs | 6 ++++-- frontend/src/app/main/ui/components/numeric_input.cljs | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/frontend/src/app/main/ui/components/color_input.cljs b/frontend/src/app/main/ui/components/color_input.cljs index 779e8187e..da2cc7fb2 100644 --- a/frontend/src/app/main/ui/components/color_input.cljs +++ b/frontend/src/app/main/ui/components/color_input.cljs @@ -76,11 +76,13 @@ (fn [event] (mf/set-ref-val! dirty-ref true) (let [enter? (kbd/enter? event) - esc? (kbd/esc? event)] + esc? (kbd/esc? event) + input-node (mf/ref-val ref)] (when enter? (dom/prevent-default event) (let [new-value (parse-value)] - (apply-value new-value))) + (apply-value new-value) + (dom/blur! input-node))) (when esc? (dom/prevent-default event) (update-input value))))) diff --git a/frontend/src/app/main/ui/components/numeric_input.cljs b/frontend/src/app/main/ui/components/numeric_input.cljs index 8745d8e02..263a7a232 100644 --- a/frontend/src/app/main/ui/components/numeric_input.cljs +++ b/frontend/src/app/main/ui/components/numeric_input.cljs @@ -154,12 +154,14 @@ (let [up? (kbd/up-arrow? event) down? (kbd/down-arrow? event) enter? (kbd/enter? event) - esc? (kbd/esc? event)] + esc? (kbd/esc? event) + input-node (mf/ref-val ref)] (when (or up? down?) (set-delta event up? down?)) (when enter? (let [new-value (parse-value)] - (apply-value new-value))) + (apply-value new-value) + (dom/blur! input-node))) (when esc? (update-input value-str)))))