Dropdown is not retaining its order

[robgha01]

To reproduce select a item then select another item and notice how the first item ends up at the end of the dropdown when selecting.

How it should always be:

The bugg:

i also tested the undocumented option "matchFromStart" and set that to [matchFromStart]="true" it had no effect.

Markup: <jaspero-select formControlName="squareMeters" [options]="this?.sqmList" [key]="'text'" [matchFromStart]="true"></jaspero-select>

Data:

[
  {
    "id": 0,
    "text": "10 - 60"
  },
  {
    "id": 1,
    "text": "61 - 80"
  },
  {
    "id": 2,
    "text": "81 - 100"
  },
  {
    "id": 3,
    "text": "101 - 120"
  },
  {
    "id": 4,
    "text": "121 - 150"
  },
  {
    "id": 5,
    "text": "151 - 160"
  },
  {
    "id": 6,
    "text": "161 - 200"
  },
  {
    "id": 7,
    "text": "201 - 210"
  },
  {
    "id": 8,
    "text": "211 - 220"
  },
  {
    "id": 9,
    "text": "221 - 230"
  },
  {
    "id": 10,
    "text": "231 - 250"
  },
  {
    "id": 11,
    "text": "251 - 300"
  },
  {
    "id": 12,
    "text": "301 - 321"
  }
]