kirby-tab-navigation issue when adding/removing kirby-tab-navigation-item dynamicly

[ ] I have written a good issue

Describe the bug

Using async pipe to add/remove kirby-tab-navigation-item dynamicly will result in a selectedIndex with wrong value - trying to set i manually doesn't seam to work well.

Visually something goes wrong when applying *ngIf="someValue | async" to kirby-tab-navigation-item and you scroll the page!

Which Kirby version was used?

"@kirbydesign/designsystem": "^9.3.2",

Add any screenshots

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

[ ] Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

[ ] Make sure you have read: "Before you get coding".
[ ] Signal to others you are working on the issue by assigning yourself.
[ ] Create a branch from the develop branch following our branch naming convention.
[ ] Create a test that reproduces the bug following guidelines in: "The good: Test".
[ ] Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

[ ] Do a self-review.
[ ] Create a pull-request.

kirbydesign / designsystem