Unplanned
Last Updated: 28 Aug 2025 12:52 by Cesar
Cesar
Created on: 02 May 2025 13:53
Category: TabStrip
Type: Bug Report
7
Setting ActiveTabIndex forces the page to scroll to the TabStrip

We upgraded to the latest Telerik Blazor components (8.1.1).
I think there's a bug in the TabStrip when setting the index of the ActiveTabIndex or @bind-ActiveTabIndex.
The page will scroll to the active tab automatically.

Here's a link to the Repl - https://blazorrepl.telerik.com/GfaTEmbR45zQSzEq44

If you remove @bind-ActiveTabIndex="@ActiveTabIndex" from the TelerikTabStrip then the page load normally.

Thanks,

Cesar

8 comments
Cesar
Posted on: 28 Aug 2025 12:52
Yes.
ADMIN
Dimo
Posted on: 28 Aug 2025 12:50

Hello Cesar,

Did you test with ActiveTabId instead of ActiveTabIndex?

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Cesar
Posted on: 28 Aug 2025 12:19
I understood what you said. The workaround doesn't work in our case.
ADMIN
Dimo
Posted on: 28 Aug 2025 06:38

Hello Cesar,

"Set the initial ActiveTabIndex to 0" means to set the value of the variable, which is associated with the TabStrip ActiveTabIndex parameter. Setting component instance properties directly is incorrect in Blazor and often doesn't work anyway.

<TelerikTabStrip @bind-ActiveTabIndex="@ActiveTabIndex" />

@code {
    public int ActiveTabIndex { get; set; } = 0;
}

On the other hand, if you replace ActiveTabIndex with ActiveTabId, the unexpected initial scrolling does not occur, so this is a better approach. You need Telerik UI for Blazor version 9.0 or later. Here is a test page:

https://blazorrepl.telerik.com/QpkimMYU29zhhAoG58

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Cesar
Posted on: 27 Aug 2025 16:28

The workaround doesn't work in our case. The component that contains the Telerik TabStrip is used in other pages. Changing the active tab index doesn't change.

Visual Studio has a warning on setting the active tab index: BL0005 - Component parameter 'ActiveTabIndex' should not be set outside of its component.

ADMIN
Dimo
Posted on: 26 Aug 2025 06:43

Hi Cesar,

I must admit that the status of this item remains "Unplanned" and it's not scheduled for a specific release. Sorry about that. If the problem is a show stopper for you, please consider these workarounds:

  • Set the initial ActiveTabIndex to 0 (and optionally reorder the tabs). In this case there will be no page scrolling.
  • Change the ActiveTabIndex at runtime when the user scrolls down or does something that requires a tab change.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Cesar
Posted on: 25 Aug 2025 16:50
Is this part of any planned update soon?
ADMIN
Nadezhda Tacheva
Posted on: 05 May 2025 10:38

Hi Cesar,

Thank you for reaching out!

The behavior seems like a bug to me, too. After some additional testing, I can confirm it also occurs in earlier UI for Blazor versions.

As the ticket does not contain any sensitive information, I am converting it to a public bug report visible in our feedback portal. I added your vote to it and as a creator, you are automatically subscribed to get status updates.

Last but not least, I rewarded your account with some Telerik points as a small gesture of appreciation for your report.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.