The BTabs component was ignoring the initial index prop when tabs didn't have explicit id props defined, always defaulting to the first tab instead of respecting the user's intended starting position.

Problem:

<BTabs v-model:index="currentIndex">
  <BTab title="First Tab">First content</BTab>
  <BTab title="Second Tab">Second content</BTab>
  <BTab title="Third Tab">Third content</BTab>
</BTabs>

<script>
export default {
  data() {
    return {
      currentIndex: 2 // Should start with third tab, but was ignored
    }
  }
}
</script>

Root Cause:
The issue was identified in the activeId watcher which would reset activeIndex to the first enabled tab whenever it couldn't find a tab with the specified ID, even when the user had provided a valid initial index. This happened because:

1. Component receives activeIndex: 2 from v-model
2. During initialization, an activeId gets set based on temporary tab IDs
3. The activeId watcher fires, can't find the tab (due to timing), and resets activeIndex to 0

Current Status:
Multiple attempts have been made to fix the activeId watcher logic, including:

• Enhanced activeId watcher logic to validate current activeIndex before overriding it
• Added guards to prevent reset when a valid initial index exists
• Simplified conditions to only reset when activeIndex < 0

However, the test case continues to fail, suggesting the issue may be more complex than initially identified. The problem might involve:

• Multiple sources of index resets during initialization
• Timing issues with watcher execution
• Different root cause than the activeId watcher

Changes Made:

• Added comprehensive test case that reproduces the issue
• Modified activeId watcher to include guard against resetting valid initial indices
• All existing BTabs functionality remains intact

Next Steps:
Further investigation is needed to identify the exact source of the index reset during component initialization.

Fixes #2773.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.