bug: ion-select doesn't recognize delayed or updated select options

[keo9ren]

Bug Report

Ionic version:
[x] 4.9.0

Current behavior:
If ion-select-options are passed with a delay, the selected property is not respected.
This happens e.g. if you get the options via http request.

Expected behavior:
The selected binding should work, with or without, the delay.

Steps to reproduce:
See stackblitz.

Related code:
https://stackblitz.com/edit/ionic-v4-angular-tabs-ecdgvr?file=src%2Fapp%2Fhome%2Fhome.page.ts

[liamdebeasi]

Thanks for the issue. Please try this again using compareWith https://ionicframework.com/docs/api/select#object-value-references.

[keo9ren]

Thanks for the tip. I modified the stackblitz. Using compareWith the value is selected, but the ion-select is not rendered correctly. That means the selected value isn't shown, till the select is clicked.

https://stackblitz.com/edit/ionic-v4-angular-tabs-ecdgvr?file=src%2Fapp%2Fhome%2Fhome.page.ts

[iamkinetic]

I'm having the exact same problem with Ionic 4.9.1. 4.7.x and 4.8.x didn't had that issue.

[jorisbertomeu]

Exact same issue too with Ionic 4.10.0-dev.201909261535.8ca97ce

[keo9ren]

On 4.10.1 the issue is still there. Issue #19436 sounds similar.

[brankoenero]

I think I found the problem.

@liamdebeasi, why the functionality of the file select.tsx in the line 135 to 157 was removed? It was remove from 4.8.1 to 4.9.1.
48a2763#diff-e954ed7de7ce8c631442335752663627

It seems like it was the responsible of detect changes inside the DOM of select component.

Maybe I can't see by which other functionality it was replaced, please, can you help us?

I hope I provided you enough information.

@Listen('ionSelectOptionDidLoad')
@Listen('ionSelectOptionDidUnload')
async selectOptionChanged() {
  await this.loadOptions();

  if (this.didInit) {
    this.updateOptions();
    this.updateOverlayOptions();
    this.emitStyle();

    /**
     * In the event that options
     * are not loaded at component load
     * this ensures that any value that is
     * set is properly rendered once
     * options have been loaded
     */
    if (this.value !== undefined) {
      this.el.forceUpdate();
    }

  }
}

[keo9ren]

Issue #19828 looks similar.

Any updates from Ionic-Team on this matter?