update-

package.json

 {
 	"name": "boxdialer",
-	"version": "4.6.0",
+	"version": "4.6.1",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/components/DropDown/index.jsx

@@ -6,6 +6,9 @@ import { Text, useTranslator } from '@eo-locale/react';
 const DropDown = ({ reasons, reason, selectFunc }) => {
 	const translator = useTranslator();
 	const [visible, setVisible] = useState(0);
+	document.querySelector('body').addEventListener('click', function (e) {
+		if (Boolean(visible)) setVisible(0);
+	});
 	return (
 		<DropDownStyle
 			onClick={() => setVisible(visible ? 0 : 1)}
@@ -35,10 +38,10 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
 					</div>
 				))}
 			</DropDownStyle.DropDown>
-			<DropDownStyle.Window
+			{/* <DropDownStyle.Window
 				visiblevalue={visible}
 				onClick={() => setVisible(0)}
-			/>
+			/> */}
 		</DropDownStyle>
 	);
 };

src/components/ModalPhoneNumpad/index.jsx

@@ -210,10 +210,9 @@ const ModalPhoneNumpad = ({
 		setNumberSelectHistory('zero');
 	};
 
-	document.querySelector('body').addEventListener('click', () => {
-		console.log('body_clicked');
+	document.querySelector('body').addEventListener('click', function (e) {
+		if (exNum) setExNum(false);
 	});
-
 	return (
 		<ModalPhoneNumpadStyle
 			position={position}