admin/imexmobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Android Keyboard display issue

Browse Source
This commit is contained in:
jfrye122
2023-06-13 15:51:51 -04:00
parent 576855c3b3
commit b2f8c4cd95
4 changed files with 135 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/Selects/select-cost-center.jsx
View File

@@ -53,7 +53,7 @@ export function CostCenterSelect(props) {
inputSearchStyle={styles.inputSearchStyle}
iconStyle={styles.iconStyle}
maxHeight={300}
maxHeight={200}
labelField="label"
valueField="value"
placeholder={!isFocus ? t("selectcostcenter.labels.placeholder") : t("selectcostcenter.labels.selectedplaceholder")}
@@ -82,7 +82,7 @@ const styles = StyleSheet.create({
alignContent: "center",
},
dropdown: {
height: 48,
height: 50,
borderColor: "gray",
borderWidth: 0.5,
borderRadius: 4,
@@ -101,10 +101,10 @@ const styles = StyleSheet.create({
fontSize: 14,
},
placeholderStyle: {
fontSize: 16,
fontSize: 14,
},
selectedTextStyle: {
fontSize: 16,
fontSize: 14,
},
iconStyle: {
width: 20,
@@ -112,6 +112,6 @@ const styles = StyleSheet.create({
},
inputSearchStyle: {
height: 40,
fontSize: 16,
fontSize: 14,
},
});

45
components/Selects/select-job-id.jsx
View File

@@ -94,21 +94,27 @@ export function JobIdSearchSelect(
}, [data, idData]);
useEffect(() => {
// console.log("useEfectDependentOn: [theOptions]");
var count = Object.keys(theOptions).length;
// console.log("useEfectDependentOn: [theOptions] count:", count);
let selectDataArray = [];
for (let i = 0; i < count; i++) {
selectDataArray.push({
value: theOptions[i].id,
label: `${clm_no && theOptions[i].clm_no ? `${theOptions[i].clm_no} | ` : ""}${
if (typeof theOptions !== "undefined") {
// console.log("useEfectDependentOn: [theOptions]");
var count = Object.keys(theOptions).length;
// console.log("useEfectDependentOn: [theOptions] count:", count);
let selectDataArray = [];
for (let i = 0; i < count; i++) {
selectDataArray.push({
value: theOptions[i].id,
label: `${
clm_no && theOptions[i].clm_no ? `${theOptions[i].clm_no} | ` : ""
}${
theOptions[i].ro_number || t("general.labels.na")
} | ${OwnerNameDisplayFunction(theOptions[i])} | ${theOptions[i].v_model_yr || ""} ${theOptions[i].v_make_desc || ""} ${
} | ${OwnerNameDisplayFunction(theOptions[i])} | ${
theOptions[i].v_model_yr || ""
} ${theOptions[i].v_make_desc || ""} ${
theOptions[i].v_model_desc || ""
}`,
});
});
}
setSelectorData(selectDataArray);
}
setSelectorData(selectDataArray);
}, [theOptions]);
// useEffect(() => {
@@ -128,7 +134,7 @@ export function JobIdSearchSelect(
inputSearchStyle={styles.inputSearchStyle}
iconStyle={styles.iconStyle}
search
maxHeight={300}
maxHeight={200}
labelField="label"
valueField="value"
placeholder={!isFocus ? t("selectjobid.labels.placeholder") : t("selectjobid.labels.selectedplaceholder")}
@@ -137,7 +143,14 @@ export function JobIdSearchSelect(
onBlur={() => setIsFocus(false)}
data={selectorData}
value={props.currentValue?.value} //{selectedvalue}
onChange={(item) => props.onJobSelected(item)}//TODO: add setIsFocus(false); to this
onChange={(item) => {
// console.log("onChange Fired!!!!");
props.onJobSelected(item);
setIsFocus(false);
}}
//TODO: add setIsFocus(false); to this
// {
// console.log("onValueSelected!!!!");
// // (item) => {onJobSelected(item.value)};
@@ -198,10 +211,10 @@ const styles = StyleSheet.create({
fontSize: 14,
},
placeholderStyle: {
fontSize: 16,
fontSize: 14,
},
selectedTextStyle: {
fontSize: 16,
fontSize: 14,
},
iconStyle: {
width: 20,
@@ -209,6 +222,6 @@ const styles = StyleSheet.create({
},
inputSearchStyle: {
height: 40,
fontSize: 16,
fontSize: 14,
},
});