ionChange event is not fired when value is set as initial page load. For ion-input on page load if value is set then ionChange event was not fired

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 ?