Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 00:58:26 -05:00
Code Issues Activity

🐛 Fix focus losing on text selection.

Browse source
This commit is contained in:
Andrey Antukh 2020-04-30 14:05:52 +02:00 • committed by Alonso Torres
parent 6cffaafe24
commit 6d6e0ecd21
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/uxbox/main/ui/shapes/text.cljs
View file

@ -227,7 +227,8 @@
state (mf/use-state #(parse-content content))
editor (mf/use-memo #(dwt/create-editor))
self-ref (mf/use-ref)
self-ref (mf/use-ref)
selecting-ref (mf/use-ref)
on-close
(fn []
@ -240,11 +241,22 @@
(let [sidebar (dom/get-element "settings-bar")
cpicker (dom/get-element-by-class "colorpicker-tooltip")
self (mf/ref-val self-ref)
target (dom/get-target event)]
target (dom/get-target event)
selecting? (mf/ref-val selecting-ref)]
(when-not (or (.contains sidebar target)
(.contains self target)
(and cpicker (.contains cpicker target)))
(on-close))))
(if selecting?
(mf/set-ref-val! selecting-ref false)
(on-close)))))
on-mouse-down
(fn [event]
(mf/set-ref-val! selecting-ref true))
on-mouse-up
(fn [event]
(mf/set-ref-val! selecting-ref false))
on-keyup
(fn [event]
@ -282,6 +294,8 @@
:class "rich-text"
:render-element render-element
:render-leaf render-text
:on-mouse-up on-mouse-up
:on-mouse-down on-mouse-down
:on-blur (fn [event]
(dom/prevent-default event)
(dom/stop-propagation event)