src/components/floor-plan/modal/lineTypes/RightAngle.jsx

@@ -61,28 +61,40 @@ export default function RightAngle({ props }) {
           <div className="grid-direction">
             <button
               className={`direction up ${arrow1 === '↑' ? 'act' : ''}`}
-              onClick={() => {
+              onMouseDown={(e) => {
+                e.preventDefault(); // 포커스가 input에서 버튼으로 옮겨가는 것을 원천 차단
+              }}
+              onClick={(e) => {
                 setArrow1('↑')
                 document.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp' }))
               }}
             ></button>
             <button
               className={`direction down ${arrow1 === '↓' ? 'act' : ''}`}
-              onClick={() => {
+              onMouseDown={(e) => {
+                e.preventDefault(); // 포커스가 input에서 버튼으로 옮겨가는 것을 원천 차단
+              }}
+              onClick={(e) => {
                 setArrow1('↓')
                 document.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' }))
               }}
             ></button>
             <button
               className={`direction left ${arrow1 === '←' ? 'act' : ''}`}
-              onClick={() => {
+              onMouseDown={(e) => {
+                e.preventDefault(); // 포커스가 input에서 버튼으로 옮겨가는 것을 원천 차단
+              }}
+              onClick={(e) => {
                 setArrow1('←')
                 document.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowLeft' }))
               }}
             ></button>
             <button
               className={`direction right ${arrow1 === '→' ? 'act' : ''}`}
-              onClick={() => {
+              onMouseDown={(e) => {
+                e.preventDefault(); // 포커스가 input에서 버튼으로 옮겨가는 것을 원천 차단
+              }}
+                onClick={(e) => {
                 setArrow1('→')
                 document.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight' }))
               }}