Dynamic Panel (Tab) wrongly switch panel when some panels are hidden

[zvn2060]

Are you requesting a feature, reporting a bug or asking a question?

bug

What is the current behavior?

When dynamic panel render as tab { "renderMode": "tab" }
and some of its panel was hidden by templateVisibleIf

click the tabs which are after hidden tab, doesn't jump to correct tab.

Like, the logic still consider all panels are visible.

What is the expected behavior?

It should jump to correct panel

How would you reproduce the current behavior (if this is a bug)?

In below repro size, the survey is filled with answer, where the question2: 2 was config to hidden
and click tab (value: 3), it will jump to value: 4 tab

{
  question1: [
    { question2: 1 },
    { question2: 2 },
    { question2: 3 },
    { question2: 4 },
  ],
}

CodeSandbox

Provide the test code and the tested page URL (if applicable)

Specify your Environment

• browser: Edge
• browser version: 126.0.2592.56 64bit
• surveyjs platform (angular or react or jquery or knockout or vue): Vue 3
• surveyjs version: 1.11.2

[JaneSjs]

Hello,
Thank you for reporting this issue. I reproduced it using the provided demo.

2024-07-03_13-10-30.mp4

We will research this issue and update you shortly. Please stay tuned.