From 2ca8b84f17dab35bf9d289150bcb283abfbce1d9 Mon Sep 17 00:00:00 2001 From: "hyojun.choi" Date: Wed, 30 Oct 2024 11:38:11 +0900 Subject: [PATCH] =?UTF-8?q?=EC=99=B8=EB=B2=BD=EC=84=A0=20=EA=B7=B8?= =?UTF-8?q?=EB=A6=AC=EA=B8=B0=20input=20foucs=EC=8B=9C=20=EC=B4=88?= =?UTF-8?q?=EA=B8=B0=ED=99=94=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/floor-plan/modal/lineTypes/Angle.jsx | 2 ++ src/components/floor-plan/modal/lineTypes/Diagonal.jsx | 2 ++ src/components/floor-plan/modal/lineTypes/DoublePitch.jsx | 5 ++++- src/components/floor-plan/modal/lineTypes/OuterLineWall.jsx | 1 + src/components/floor-plan/modal/lineTypes/RightAngle.jsx | 2 ++ src/hooks/roofcover/useOuterLineWall.js | 6 ++++++ 6 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/components/floor-plan/modal/lineTypes/Angle.jsx b/src/components/floor-plan/modal/lineTypes/Angle.jsx index 83985016..e90f437f 100644 --- a/src/components/floor-plan/modal/lineTypes/Angle.jsx +++ b/src/components/floor-plan/modal/lineTypes/Angle.jsx @@ -19,6 +19,7 @@ export default function Angle({ props }) { className="input-origin block" value={angle1} ref={angle1Ref} + onFocus={(e) => (angle1Ref.current.value = '')} onChange={(e) => onlyNumberWithDotInputChange(e, setAngle1)} placeholder="45" /> @@ -38,6 +39,7 @@ export default function Angle({ props }) { className="input-origin block" value={length1} ref={length1Ref} + onFocus={(e) => (length1Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength1)} placeholder="3000" /> diff --git a/src/components/floor-plan/modal/lineTypes/Diagonal.jsx b/src/components/floor-plan/modal/lineTypes/Diagonal.jsx index 84c25329..23972fb5 100644 --- a/src/components/floor-plan/modal/lineTypes/Diagonal.jsx +++ b/src/components/floor-plan/modal/lineTypes/Diagonal.jsx @@ -35,6 +35,7 @@ export default function Diagonal({ props }) { className="input-origin block" value={outerLineDiagonalLength} ref={outerLineDiagonalLengthRef} + onFocus={(e) => (outerLineDiagonalLengthRef.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setOuterLineDiagonalLength)} placeholder="3000" /> @@ -56,6 +57,7 @@ export default function Diagonal({ props }) { className="input-origin block" value={length1} ref={length1Ref} + onFocus={(e) => (length1Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength1)} placeholder="3000" /> diff --git a/src/components/floor-plan/modal/lineTypes/DoublePitch.jsx b/src/components/floor-plan/modal/lineTypes/DoublePitch.jsx index 5bfa5950..b34a1f3e 100644 --- a/src/components/floor-plan/modal/lineTypes/DoublePitch.jsx +++ b/src/components/floor-plan/modal/lineTypes/DoublePitch.jsx @@ -55,6 +55,7 @@ export default function DoublePitch({ props }) { className="input-origin block" value={angle1} ref={angle1Ref} + onFocus={(e) => (angle1Ref.current.value = '')} onChange={(e) => onlyNumberWithDotInputChange(e, setAngle1)} placeholder="45" /> @@ -71,6 +72,7 @@ export default function DoublePitch({ props }) { className="input-origin block" value={length1} ref={length1Ref} + onFocus={(e) => (length1Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength1)} placeholder="3000" /> @@ -128,9 +130,9 @@ export default function DoublePitch({ props }) { className="input-origin block" value={angle2} ref={angle2Ref} + onFocus={(e) => (angle2Ref.current.value = '')} onChange={(e) => { onlyNumberWithDotInputChange(e, setAngle2) - console.log(getLength2()) setLength2(getLength2()) }} placeholder="45" @@ -153,6 +155,7 @@ export default function DoublePitch({ props }) { className="input-origin block" value={length2} ref={length2Ref} + onFocus={(e) => (length2Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength2)} readOnly={true} placeholder="3000" diff --git a/src/components/floor-plan/modal/lineTypes/OuterLineWall.jsx b/src/components/floor-plan/modal/lineTypes/OuterLineWall.jsx index f469fba8..439e0748 100644 --- a/src/components/floor-plan/modal/lineTypes/OuterLineWall.jsx +++ b/src/components/floor-plan/modal/lineTypes/OuterLineWall.jsx @@ -18,6 +18,7 @@ export default function OuterLineWall({ props }) { className="input-origin block" value={length1} ref={length1Ref} + onFocus={(e) => (length1Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength1)} placeholder="3000" /> diff --git a/src/components/floor-plan/modal/lineTypes/RightAngle.jsx b/src/components/floor-plan/modal/lineTypes/RightAngle.jsx index 306a09f0..b217a867 100644 --- a/src/components/floor-plan/modal/lineTypes/RightAngle.jsx +++ b/src/components/floor-plan/modal/lineTypes/RightAngle.jsx @@ -15,6 +15,7 @@ export default function RightAngle({ props }) { className="input-origin block" value={length1} ref={length1Ref} + onFocus={(e) => (length1Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength1)} placeholder="3000" /> @@ -70,6 +71,7 @@ export default function RightAngle({ props }) { className="input-origin block" value={length2} ref={length2Ref} + onFocus={(e) => (length2Ref.current.value = '')} onChange={(e) => onlyNumberInputChange(e, setLength2)} placeholder="3000" /> diff --git a/src/hooks/roofcover/useOuterLineWall.js b/src/hooks/roofcover/useOuterLineWall.js index 531aab48..b2244da8 100644 --- a/src/hooks/roofcover/useOuterLineWall.js +++ b/src/hooks/roofcover/useOuterLineWall.js @@ -115,6 +115,12 @@ export function useOuterLineWall(id, propertiesId) { setAngle2(0) setOuterLineDiagonalLength(0) + + const activeElem = document.activeElement + + if (activeElem) { + activeElem.blur() + } } const mouseDown = (e) => {