ionic-input got disabled when being part with ion-select
The ion-input will only be typable when I click the ion-select field then press the esc button
Code:
<ion-list>
<ion-item>
<ion-label position="stacked" :color="(!!errors.amount ?'danger' :'')">Amount <ion-text color="danger">*</ion-text></ion-label>
<ion-input type="text" placeholder="Enter here" v-model="amountField" :disabled="isDisabled"></ion-input>
<ion-text v-if="!!errors.amount" color="danger">{{errors.amount}}</ion-text>
</ion-item>
<ion-item>
<ion-label position="stacked" :color="(!!errors.mode ?'danger' :'')">Payment method <ion-text color="danger">*</ion-text></ion-label>
<ion-select ok-text="Select" cancel-text="Cancel" placeholder="Choose payment" v-model="modeField" :disabled="isDisabled">
<ion-select-option value="G_CASH">G-Cash</ion-select-option>
<ion-select-option value="PAYMAYA">PayMaya</ion-select-option>
<ion-select-option value="BPI">BPI</ion-select-option>
</ion-select>
<ion-text v-if="!!errors.mode" color="danger">{{errors.mode}}</ion-text>
</ion-item>
</ion-list>
Seems like ion-select is not the cause of the issue, instead ion-select causes to fix the bug.
But still don’t know why this is happening
I tried to remove the ion-select on the form and the issue still persist
I wrapped the form with ion-modal does this causes the issue?
Tried to delay renderer but still does not work. Still investigating the issue. . .
Tried clicking the cancel button on the ion-select and still the ion-input is not typable, seems like in order to make it typable, you must press esc in the keybaord, Im finding ways on why it is working on esc