Multi value component does not work well with async data

Is this a bug, enhancement, or feature request?

bug

Briefly describe your proposal.

Multi value component does not work well with async data

Which versions of Angular and Fundamental NGX are affected? (If this is a feature request, use current version.)

fiori-fundamentals 1.4.5 fundamental-ngx 0.2.0

If this is a bug, please provide steps for reproducing it.

When multi values is filled with static data - works as expected.

When data comes asynchronously - it does not react properly on changes (ui reacts too fast, then doesnt pick up on new data, ending up with being one result set behind)

Please provide relevant source code if applicable.

template.html

  <h1>[persons$ length]: {{ (persons$ | async)?.length }}</h1>

  <fd-multi-input
    [dropdownValues]="persons$ | async"
    [placeholder]="'Search here...'"
    [(ngModel)]="selected"
    [displayFn]="displayFormatFn"
    (searchTermChange)="searchTermChanged($event)"
  >
  </fd-multi-input>
  Selected: {{ selected | json }}

persons$ observable is being notified on searchTermChange callback (which triggers async call)

Is there anything else we should know?

[MattL75]

No it was just me rambling on our solution for the component. The RC build just finished 2 minutes ago - can you get on 0.4.0-rc.6 and give it a quick test?

[MattL75]

Perfect! 😄