fix: setting active tab does not always update active indicator in fast-tabs

[brianehenry]

🐛 Bug Report

Setting the active tab programmatically with the activeid property does not always position the active tab indicator correctly.

💻 Repro or Code Sample

<fast-tabs id="tabs">
    <fast-tab slot="tab" id="1">Tab one</fast-tab>
    <fast-tab slot="tab" id="2">Tab two</fast-tab>
    <fast-tab slot="tab" id="3">Tab three</fast-tab>
    <fast-tab-panel slot="tabpanel">Tab panel 1</fast-tab-panel>
    <fast-tab-panel slot="tabpanel">Tab panel 2</fast-tab-panel>
    <fast-tab-panel slot="tabpanel">Tab panel 3</fast-tab-panel>
</fast-tabs>

const tabs = document.getElementById('tabs');
tabs.activeid = '2';
// Active tab is now tab two, and active indicator is moved appropriately
tabs.activeid = '1';
// Active tab is now tab one, but active indicator is still positioned under tab two

🤔 Expected Behavior

Active indicator moves to active tab when active tab is set via the activeid property.

😯 Current Behavior

Active indicator is sometimes incorrectly positioned after setting the activeid property.

💁 Possible Solution

🔦 Context

I want to be able to set the active tab programmatically.

🌍 Your Environment

• OS & Device: Windows PC
• Browser: Microsoft Edge
• Version: @microsoft/fast-foundation: 2.12.0

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[chrisdholt]

Closing as the fast components package has been deprecated.