0
Example:-
<ion-list>
<ion-item>
<ion-select placeholder="Select fruit">
<ion-select-option value="apples">Apples</ion-select-option>
<ion-select-option value="oranges">Oranges</ion-select-option>
<ion-select-option value="bananas">Bananas</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<script>
const select = document.querySelector('ion-select');
select.addEventListener('ionChange', e => {
console.log('afterbegin', `<p>ionChange fired with value: ${e.detail.value}</p>`);
});
select.value = "oranges";
</script>
In the above example When the page is loaded that time select has value “oranges” but ionChange was not fired but if by user interaction or by javascript if I change the value it fire ionChange event.
It is by design or what is reason why ionChange is not fired ?