3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-15 23:46:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix problems with text editor selection

Browse source
This commit is contained in:
alonso.torres 2021-04-26 10:31:11 +02:00 • committed by Andrés Moya
parent c3611c3047
commit 1ec423c11d
2 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/app/main/ui/workspace/shapes/text/editor.cljs
View file

@ -163,10 +163,18 @@
::mf/wrap-props false
::mf/forward-ref true}
[props ref]
(let [{:keys [id x y width height grow-type] :as shape} (obj/get props "shape")]
[:foreignObject {:transform (gsh/transform-matrix shape)
:x x :y y
:width (if (#{:auto-width} grow-type) 100000 width)
:height (if (#{:auto-height :auto-width} grow-type) 100000 height)}
(let [{:keys [id x y width height grow-type] :as shape} (obj/get props "shape")
clip-id (str "clip-" id)]
[:g.text-editor {:clip-path (str "url(#" clip-id ")")}
[:defs
;; This clippath will cut the huge foreign object we use to calculate the automatic resize
[:clipPath {:id clip-id}
[:rect {:x x :y y
:width (+ width 8) :height (+ height 8)
:transform (gsh/transform-matrix shape)}]]]
[:foreignObject {:transform (gsh/transform-matrix shape)
:x x :y y
:width (if (#{:auto-width} grow-type) 100000 width)
:height (if (#{:auto-height :auto-width} grow-type) 100000 height)}
[:& text-shape-edit-html {:shape shape :key (str id)}]]))
[:& text-shape-edit-html {:shape shape :key (str id)}]]]))