From e2044636f69a17b81067ce2b5f88a7548fcc275d Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sat, 15 Jan 2022 11:55:50 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/element/TextElement/index.vue    | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/views/components/element/TextElement/index.vue b/src/views/components/element/TextElement/index.vue
index eace0225..16f310b2 100644
--- a/src/views/components/element/TextElement/index.vue
+++ b/src/views/components/element/TextElement/index.vue
@@ -42,6 +42,10 @@
           @update="value => updateContent(value)"
           @mousedown="$event => handleSelectElement($event, false)"
         />
+
+        <!-- 当字号过大且行高较小时，会出现文字高度溢出的情况，导致拖拽区域无法被选中，因此添加了以下节点避免该情况 -->
+        <div class="drag-handler top"></div>
+        <div class="drag-handler bottom"></div>
       </div>
     </div>
   </div>
@@ -180,4 +184,17 @@ export default defineComponent({
     position: relative;
   }
 }
+.drag-handler {
+  height: 10px;
+  position: absolute;
+  left: 0;
+  right: 0;
+
+  &.top {
+    top: 0;
+  }
+  &.bottom {
+    bottom: 0;
+  }
+}
 </style>