Skip to content

Rendering mismatch in tabstrip items #864

Description

@Martin-Hristov

Description

Client reported mismatch in version 8.3.0 of Vue and Kendo Themes version 13.0.0 while using ThemeBuilder for the generated classes for the tabstrip items

Steps To Reproduce

  1. In ThemeBuilder the client generated the following styles:
    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset.k-tabstrip-items-start .k-tabstrip-item.k-active .k-link,
    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset.k-tabstrip-items-start .k-tabstrip-item.k-state-active .k-link,
    .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset.k-tabstrip-items-start .k-tabstrip-item:active .k-link {
    border-bottom-color: #44a08e;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    }

Screenshots or video

No response

Actual Behavior

The styles are not applied in Vue demo, since it uses k-item instead of k-tabstrip-item

Confirmed in the Kendo Themes source of truth: https://github.com/telerik/kendo-themes/blob/develop/packages/html/src/tabstrip/tabstrip-item.spec.tsx

Expected Behavior

The styles are applied and the correct class of k-tabstrip-item is used

Browser

Chrome

Browser version

8.3.0

OS type

MacOS

OS version

No response

Last working version of the Kendo UI for Vue package (if regression).

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugItem which indicates that something is not working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions