Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-08 07:50:43 -05:00
Code Issues Activity

Prevent selection on disabled selects

Browse source
This commit is contained in:
Florian Schroedl 2024-05-29 09:20:14 +02:00
parent c6f5da8873
commit 5c83247256
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/app/main/ui/workspace/tokens/editable_select.cljs
View file

@ -62,7 +62,7 @@
[:span {:class (stl/css :check-icon)} i/tick]])))]]]) [:span {:class (stl/css :check-icon)} i/tick]])))]]])
(mf/defc editable-select (mf/defc editable-select
[{:keys [value options class on-change placeholder on-blur on-token-remove position input-props] :as params}] [{:keys [value options disabled class on-change placeholder on-blur on-token-remove position input-props] :as params}]
(let [{:keys [type]} input-props (let [{:keys [type]} input-props
input-class (:class input-props) input-class (:class input-props)
state* (mf/use-state {:id (uuid/next) state* (mf/use-state {:id (uuid/next)
@ -215,7 +215,8 @@
(mf/set-ref-val! emit-blur? (not is-open?))) (mf/set-ref-val! emit-blur? (not is-open?)))
[:div {:class (dm/str class " " (stl/css :editable-select))} [:div {:class (dm/str class " " (stl/css-case :editable-select true
:editable-select-disabled disabled))}
(when-let [{:keys [label value]} token] (when-let [{:keys [label value]} token]
[:div {:title (str label ": " value) [:div {:title (str label ": " value)
:class (stl/css :token-pill)} :class (stl/css :token-pill)}

4
frontend/src/app/main/ui/workspace/tokens/editable_select.scss
View file

@ -137,3 +137,7 @@
} }
} }
} }
.editable-select-disabled {
pointer-events: none;
}