TabStrip appearance of selected tab is different in Q4 2024 - bootstrap theme

[Gordon]

Hi All, I have just updated to 2024.4.1112 from 2024.1.130 and the fist thing I notice is that the selected tab in a tabstrip appears differently to how it was before - now it has bold text and a strange border (when hovering).  Looking in the release notes there is a note saying "TabStrip rendering mismatch more info here" which takes me to a page with info about modifying CSS rules (which I don't want to do).

Here's what it used to look like (nice):

Here's what it looks like now (harsh):

Here's how I create the TabStrip:

        var tabStrip = e.detailRow.find("#leadDetailsTabstrip").kendoTabStrip({
            animation: { open: { effects: "fadeIn" } },
            activate: dcLead.onActivateTab,
        }).data("kendoTabStrip");

Have I missed something?

Gordon

[Neli]

Hi Gordon,

Could you please confrim which Kendo theme you are using so I could test the font-weight using the same theme?

I tested the appearance of the TabStrip using the Default Ocen Blue but on my side there is no border on hover. There is a border added to the active tab which is due to the following fix: - https://github.com/telerik/kendo-ui-core/issues/7399. 

Looking forward to your reply. 

Regards,

Neli

[Gordon]

Hi Neli,

We are using the bootstrap-main.css that was distributed with the 2024.4.1112 release.

I have looked at the issue you mentioned about the border on focus and can see that it does indeed now have a border when focussed - this does not bother me either way but the focus rectangle is fairly heavy.

Gordon