Horizontal line on top of all tabs in TabStrip

[Stefan]

Hi,

I updated to latest version of Kendo jQery R2 2022. After the update I get an horizontal line on top of the tabstrips tabs if I add this line of code,

var tabStrip1 = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

You can test to add it to your demo tabstrip code, you will get the same result.

[Neli]

Hello Stefan,

The issue is probably caused by duplicate initialization. I managed to replicate the same appearance when I add the mentioned line of code in our Basic Usage demo as demonstrated below:

$("#tabstrip").kendoTabStrip({
                        animation:  {
                            open: {
                                effects: "fadeIn"
                            }
                        }
                    });
                  
var tabStrip1 = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

The issue was resolved when I removed the duplicate initialization (the second part marked in yellow) and only left the part for getting a reference to the widget`s instance. Here is a Dojo example.

You can read more about the duplicated initialization in the article linked below:

- https://docs.telerik.com/kendo-ui/intro/widget-basics/jquery-initialization#duplicate-initialization

Could you please check and let us know if this is the case also at your end?

Regards,
Neli
Progress Telerik

[Stefan]

Hi Neli,

Yes it solved my problem. Thank you very much for the help.

/Stefan