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) => {