From 8804d1432efee8a0934d3d1323690384141fb0b2 Mon Sep 17 00:00:00 2001 From: Florian Schroedl Date: Wed, 18 Sep 2024 17:15:45 +0200 Subject: [PATCH] Update the input field value when chosing color from color ramp --- frontend/src/app/main/ui/workspace/tokens/form.cljs | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/main/ui/workspace/tokens/form.cljs b/frontend/src/app/main/ui/workspace/tokens/form.cljs index da7eb68c3a..079f5189f0 100644 --- a/frontend/src/app/main/ui/workspace/tokens/form.cljs +++ b/frontend/src/app/main/ui/workspace/tokens/form.cljs @@ -244,6 +244,7 @@ Token names should only contain letters and digits separated by . characters.")} ;; Value color (mf/use-state (when color? (:value token))) color-ramp-open? (mf/use-state false) + value-input-ref (mf/use-ref nil) value-ref (mf/use-var (:value token)) token-resolve-result (mf/use-state (get-in resolved-tokens [(wtt/token-identifier token) :resolved-value])) set-resolve-value (mf/use-callback @@ -265,6 +266,7 @@ Token names should only contain letters and digits separated by . characters.")} (mf/deps on-update-value-debounced) (fn [hex-value] (reset! value-ref hex-value) + (set! (.-value (mf/ref-val value-input-ref)) hex-value) (on-update-value-debounced hex-value))) value-error? (seq (:errors @token-resolve-result)) valid-value-field? (and @@ -342,7 +344,8 @@ Token names should only contain letters and digits separated by . characters.")} [:& tokens.common/labeled-input {:label "Value" :input-props {:default-value @value-ref :on-blur on-update-value - :on-change on-update-value} + :on-change on-update-value + :ref value-input-ref} :render-right (when color? (mf/fnc [] [:div {:class (stl/css :color-bullet)