update-

package.json

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

src/components/CallHistoryInputDropdown/index.jsx

@@ -16,6 +16,11 @@ const CallHistoryInputDropdown = ({ inputValue, call_history, selectFunc }) => {
 		selectFunc(e);
 		setModal(false);
 	};
+
+	useEffect(() => {
+		
+	}, [inputValue]);
+
 	return (
 		<Block>
 			<Input

src/components/ModalPhoneNumpad/index.jsx

@@ -24,6 +24,7 @@ const ModalPhoneNumpad = ({
 	const [inputValue, setInputValue] = useState('');
 	const [call_history, setCall_history] = useState([]);
 	const [numberSelectHistory, setNumberSelectHistory] = useState(0);
+
 	useEffect(() => {
 		let currentCalls = localStorage.getItem('callhistory')
 			? JSON.parse(localStorage.getItem('callhistory'))
@@ -196,6 +197,9 @@ const ModalPhoneNumpad = ({
 	const selectFunc = (e) => {
 		setInputValue(e);
 	};
+
+	console.log('numberSelectHistory: ', numberSelectHistory);
+
 	return (
 		<ModalPhoneNumpadStyle
 			position={position}
@@ -203,7 +207,6 @@ const ModalPhoneNumpad = ({
 			variant={variant}
 			onClick={(e) => e.stopPropagation()}>
 			<ModalPhoneNumpadStyle.InputArea>
-				{/* <Input disabled type='text' value={inputValue} /> */}
 				<CallHistoryInputDropdown
 					call_history={call_history}
 					inputValue={inputValue}

src/components/ModalPhoneNumpad/style.js

@@ -13,7 +13,7 @@ const ModalPhoneNumpadStyle = styled.div`
 	position: fixed;
 	bottom: 120px;
 	transition: 0.2s !important;
-	z-index: 999;
+	z-index: 9999;
 	${({ hiddenValue, position, variant }) =>
 		hiddenValue
 			? boxDialerWidjetPosition[variant][position].numpad.hidden