diff --git a/frontend/src/app/main/ui/components/color_input.cljs b/frontend/src/app/main/ui/components/color_input.cljs index be8555e686..f8d193b5f6 100644 --- a/frontend/src/app/main/ui/components/color_input.cljs +++ b/frontend/src/app/main/ui/components/color_input.cljs @@ -23,7 +23,7 @@ (uc/parse-color) (uc/prepend-hash))) -(mf/defc color-input +(mf/defc color-input* {::mf/wrap-props false ::mf/forward-ref true} [props external-ref] diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs index 42e4a160f0..4c47ab4850 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.cljs @@ -14,7 +14,7 @@ [app.main.refs :as refs] [app.main.store :as st] [app.main.ui.components.color-bullet :as cb] - [app.main.ui.components.color-input :refer [color-input]] + [app.main.ui.components.color-input :refer [color-input*]] [app.main.ui.components.numeric-input :refer [numeric-input*]] [app.main.ui.context :as ctx] [app.main.ui.formats :as fmt] @@ -193,13 +193,13 @@ :else [:* [:div.color-info - [:> color-input {:value (if (uc/multiple? color) - "" - (-> color :color uc/remove-hash)) - :placeholder (tr "settings.multiple") - :on-focus on-focus - :on-blur on-blur - :on-change handle-value-change}]] + [:> color-input* {:value (if (uc/multiple? color) + "" + (-> color :color uc/remove-hash)) + :placeholder (tr "settings.multiple") + :on-focus on-focus + :on-blur on-blur + :on-change handle-value-change}]] (when (and (not disable-opacity) (not (:gradient color)))