src/components/common/draggable/WithDraggable.jsx

@@ -24,7 +24,8 @@ export default function WithDraggable({ isShow, children, pos = { x: 0, y: 0 },
         <Draggable
           position={{ x: position.x, y: position.y }}
           onDrag={(e, data) => handleOnDrag(e, data)}
-          handle={handle === '' ? '.modal-handle' : handle}
+          handle= ''//{handle === '' ? '.modal-handle' : handle} //전체 handle
+          cancel="input, button, select, textarea, [contenteditable], .sort-select"
         >
           <div className={`modal-pop-wrap ${className}`} style={{ visibility: isHidden ? 'hidden' : 'visible' }}>
             {children}

src/hooks/usePolygon.js

@@ -846,8 +846,8 @@ export const usePolygon = () => {
         if (checkLineOverlap(innerLine, polygonLine)) {
           // innerLine의 type을 polygonLine의 type으로 변경
           if (polygonLine.attributes?.type && innerLine.attributes) {
-            polygonLine.need = false
-            innerLine.attributes = polygonLine.attributes
+            // polygonLine.need = false
+            innerLine.attributes = { ...polygonLine.attributes }
             innerLine.direction = polygonLine.direction
             innerLine.attributes.isStart = true
           }

src/styles/_modal.scss

@@ -150,7 +150,7 @@ $alert-color: #101010;
         position: absolute;
         top: 0;
         left: 0;
-        width: 15px;
+        width: 5px;
         height: 100%;
         background-color: #000;
         cursor: pointer;
@@ -159,7 +159,7 @@ $alert-color: #101010;
         position: absolute;
         top: 0;
         right: 0;
-        width: 15px;
+        width: 5px;
         height: 100%;
         background-color: #000;
         cursor: pointer;
@@ -235,7 +235,7 @@ $alert-color: #101010;
 .modal-foot{
     display: block;
     width: 100%;
-    padding: 15px 0;
+    padding: 5px 0;
     background-color: #000;
     cursor: pointer;
 }