fix(draggable-modal): can not visible when content too long

fix #158
buqiyuan · Mar 9, 2024 · b427294 · b427294
1 parent 58d99f7
commit b427294
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/core/draggable-modal/index.vue b/src/components/core/draggable-modal/index.vue
@@ -120,8 +120,8 @@
         iL >= maxL && (iL = maxL);
         iT >= maxT && (iT = maxT);
 
-        dragEl.style.left = `${iL}px`;
-        dragEl.style.top = `${iT}px`;
+        dragEl.style.left = `${Math.max(iL, 0)}px`;
+        dragEl.style.top = `${Math.max(iT, 0)}px`;
       };
       const mouseup = () => {
         document.removeEventListener('mousemove', mousemove);
@@ -190,6 +190,7 @@
           left: iParentLeft,
           right: iParentRight,
         } = modalEl.getBoundingClientRect();
+
         const disX = e.clientX - iParentLeft;
         const disY = e.clientY - iParentTop;
         const iParentWidth = modalEl.offsetWidth;
@@ -299,9 +300,10 @@
     }
 
     .ant-modal {
-      position: fixed;
+      position: relative;
       min-width: 200px;
       min-height: 200px;
+      margin: 0;
       padding: 0;
 
       .ant-modal-header {