Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-03 04:49:03 -05:00
Code Issues Activity

Merge pull request #2015 from penpot/alotor-fix-text-problem

Browse source 
🐛 Fix problem with empty text boxes events
This commit is contained in:
Andrey Antukh 2022-06-20 11:34:25 +02:00 • committed by GitHub
commit 7cdbadc5b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -16,6 +16,7 @@
- Fix menu file not accessible in certain conditions [Taiga #3385](https://tree.taiga.io/project/penpot/issue/3385)
- Remove deprecated menu options [Taiga #3333](https://tree.taiga.io/project/penpot/issue/3333)
- Prototype connection should be under the rules [Taiga #3384](https://tree.taiga.io/project/penpot/issue/3384)
- Fix problem with empty text boxes events [Taiga #3627](https://tree.taiga.io/project/penpot/issue/3627)
## 1.13.5-beta

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

@ -271,20 +271,24 @@
(mf/deref text-modifier-ref)
bounding-box
(gsht/position-data-bounding-box text-modifier)]
(gsht/position-data-bounding-box text-modifier)
x (min (:x bounding-box) (:x shape))
y (min (:y bounding-box) (:y shape))
width (max (:width bounding-box) (:width shape))
height (max (:height bounding-box) (:height shape))]
[:g.text-editor {:clip-path (dm/fmt "url(#%)" clip-id)
:transform (dm/str (gsh/transform-matrix shape))}
[:defs
[:clipPath {:id clip-id}
[:rect {:x (min (:x bounding-box) (:x shape))
:y (min (:y bounding-box) (:y shape))
:width (max (:width bounding-box) (:width shape))
:height (max (:height bounding-box) (:height shape))
[:rect {:x (or x (:x shape))
:y (or y (:y shape))
:width (or width (:width shape))
:height (or height (:height shape))
:fill "red"}]]]
[:foreignObject {:x (:x shape) :y (:y shape) :width "100%" :height "100%"
:externalResourcesRequired true}
[:foreignObject {:x (:x shape) :y (:y shape) :width "100%" :height "100%"}
[:div {:style {:position "absolute"
:left 0
:top 0