Completed
Last Updated: 05 Mar 2024 13:43 by ADMIN
Release 2024 Q2
Created by: Sangcheol
Comments: 0
Category: TabStrip
Type: Bug Report
0

Bug report

TabStrip items are not receiving focus when navigating. Only the disabled items receive k-focus class.

Reproduction of the problem

Scenario 1:

  1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/ucOToMUD/2
  2. Navigate using the keyboard

Scenario 2:

  1. Open the same Dojo and select a tab different than Tab 1

Current behavior

Scenario 1: The items could not be focused. The k-focus class is applied only to the 'Tab 3' tab which is disabled.
Scenario 2: The first Tab receives the k-focus class for a moment and appears as focused, while a different tab is selected

Expected/desired behavior

The tabs in the TabStirp should receive focus.

Environment

  • Kendo UI version: 2023.1.425
  • Browser: [all ]
Completed
Last Updated: 10 Jan 2024 14:55 by ADMIN

Bug report

The selected tab's text is not readable with the main-dark theme

Reproduction of the problem

  1. Open the TabStrip Overview demo - https://demos.telerik.com/kendo-ui/tabstrip/index?autoRun=true&theme=material-main-dark

Current behavior

The background of the Selected Tab is white and the text is not readable

Expected/desired behavior

The background of the Selected tab should contrast to its text

Environment

  • Kendo UI version: 2023.2.718
  • Browser: [all]
Completed
Last Updated: 07 Dec 2023 12:15 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)
Created by: Anthony
Comments: 0
Category: TabStrip
Type: Bug Report
0

Bug report

When NVDA is turned on the navigation in TabStrip is not working.

Reproduction of the problem

  1. Open the TabStrip demos - https://demos.telerik.com/kendo-ui/tabstrip/index
  2. Try to navigate between the tabs using the arrow keys.

Current behavior

The selection of the item is not changed.

Expected/desired behavior

It should be possible to navigate between the tabs in the TabStrip when NVDA is turned on.

The issue is a regression starting with 2022 R3 (2022.3.913) release.

Environment

  • Kendo UI version: 2023.3.1114
  • Browser: [all]
Completed
Last Updated: 15 Nov 2023 07:20 by ADMIN
Release 2022.R2.SP1
Created by: Damien
Comments: 0
Category: TabStrip
Type: Bug Report
0

Reproduction of the problem

https://dojo.telerik.com/AGaceyAD

Current behavior

Tabs exceeds parent container.
https://www.screencast.com/t/H4lCTxwwr

Expected/desired behavior

Tabs should wrap to the next row.

Environment

  • theme: less themes
  • Kendo UI version: 2022.2.510
  • Browser: all
Completed
Last Updated: 12 Sep 2023 14:26 by ADMIN

Bug report

For a TabStrip in a PanelBar, the content for all tabs is displayed initially. You need to select all the tabs so that the content would start displaying correctly for the corresponding tab.

Reproduction of the problem

  1. Open this Dojo - https://dojo.telerik.com/@martin.tabakov@progress.com/IxUxAfOT/5

Current behavior

The content for all the tabs is displayed.

Expected/desired behavior

The content should be displayed separately for each tab.

Environment

  • Kendo UI version: 2021.3.1207
  • Browser: [all]
Completed
Last Updated: 19 Apr 2023 13:04 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)

Bug report

Selecting a tab from the TabStrip causes the page to scroll to the top. The body height must be at least 746px in order to reproduce the bug.

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/@Dimitar-Goshev/ANOkAfor
  2. Scroll down the page until the tab's content is visible.
  3. Select another tab.

Current behavior

The page scrolls to the top.

Expected/desired behavior

Selecting a tab shouldn't cause scrolling.

Environment

  • Kendo UI version: 2021.3.1207
  • Browser: [all]
Unplanned
Last Updated: 01 Feb 2023 14:41 by Eric Mooiweer
Add ability to pass dynamic parameters for load on demand tabs - 
similar functionality to the DataSource Read Data option which allows additional parameters to be returned via a javascript function.
Unplanned
Last Updated: 15 Mar 2022 20:30 by Razvan
Created by: Razvan
Comments: 0
Category: TabStrip
Type: Feature Request
7

Hi Team,

I would like to request the functionality to configure the tabs position to be in multiple locations.  Please see the attached image for an example.

Thank you!

Unplanned
Last Updated: 24 Dec 2021 07:58 by ADMIN
Scheduled for 2022.1
Created by: Ryan
Comments: 0
Category: TabStrip
Type: Bug Report
2

Describe the regression
Using the latest version of Kendo UI, if the Kendo UI TabStrip is set to scrollable: false, the tabs flex styling/structure is affecting the appearance of the tabs.

To reproduce
Steps to reproduce the behavior:

  1. Go to the following Progress Kendo UI Dojo

Expected behavior
Previously in Kendo UI version 2021.2.616, setting the scrollable to false will wrap the tabs above each other.
Working example

Screenshots
TabsAppearanceIssue

Affected suites

  • Kendo UI for jQuery

Affected browsers

  • All

Build system information

  • Not Applicable
Unplanned
Last Updated: 09 Dec 2021 14:55 by John
Created by: John
Comments: 3
Category: TabStrip
Type: Bug Report
0
not sure 100% if this is our issue or yours but we recently implemented dark theme using kendo.black.min.css.  On line 3485 (in our version) it applies a glass.png texture to selected objects, giving it a glowing highlight.  That's great.  However, displaying a floating window, it also has k-state-active on it, and we get a horizontal bar in the center of the popup caused by this css.  See photo.

Completed
Last Updated: 10 Mar 2021 09:16 by ADMIN
Release 2021.R1.SP.next
Created by: Matthew
Comments: 0
Category: TabStrip
Type: Bug Report
0

When focusing the comopnent a visual indication aims to show the user that something has changing during keyboard navigation. In the TabStrip there is no such indication. This also violates WCAG 2.4.7.

https://demos.telerik.com/kendo-ui/tabstrip/keyboard-navigation

Unplanned
Last Updated: 11 Feb 2021 09:41 by ADMIN
For the love of God please add this capability so people don't have to try and figure out all the different ways to do this either via MVC, AngularJS or just plain HTML5.  You guys strain at a gnat and swallow a camel and it really ticks me off sometimes - you spend all this time creating a nice excel js object for the kendo toolkit but you can be bothered to spend the time to allow auto-creation of tab close button for the tabstrip.  Trying to figure this out using an angular controller has proven to be a pain in the a$$ because your angular examples such to put it lightly!
Unplanned
Last Updated: 02 Feb 2021 16:59 by ADMIN
Created by: Michael
Comments: 2
Category: TabStrip
Type: Feature Request
2
I have a need to be able to specify a template for the content of my tabs.  If you don't add it for me, add it to be consistent with the rest of your controls.
Duplicated
Last Updated: 01 Jan 2021 10:23 by ADMIN
Created by: Boris
Comments: 1
Category: TabStrip
Type: Bug Report
1

Hi,

I combined code form two examples found on your site in order to reproduce the bug.

The original example describes how to append tab to the tabStrip:

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/append

dojo editor: https://dojo.telerik.com/alEGIcod

I added this line

tabStrip.remove("li:first");

that was copied from the other example about removing tab:

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/remove)

Just "li:last" I replaced by "li:first"

Now the appended tab has content of the second tab "Content 2" instead of "Appended Tab 1 content".

The bug reproduced.

I think that the problem is that the both tabs have the same id: id="tabstrip-tab-2"

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.3.1118/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.3.1118/js/kendo.all.min.js"></script>
</head>
<body>

<div id="tabstrip">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
</div>

<script>
    var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
    tabStrip.remove("li:first"); // added line
    tabStrip.append(
        [{
            text: "<b>Appended Tab 1</b>",
            encoded: false,
            content: "Appended Tab 1 content",
        },
]
    );
</script>
</body>
</html>

  
Completed
Last Updated: 10 Dec 2020 14:41 by ADMIN
Release 2021.R1

Hi,

With the latest release of Kendo UI 2020.3.1118; the insertBefore/insertAfter methods of the tabStrip are removing the previous page tab content; works as expected in Kendo UI 2020.3.1021

Example - Select Inserted item, then select Baseball tab; Dojo Example


 

After insertBefore:

 

 

 

Declined
Last Updated: 17 Apr 2020 10:48 by ADMIN
Created by: Waz
Comments: 1
Category: TabStrip
Type: Feature Request
0
The TabStrip loading from Ajax (LoadFromContent) only supports GET method.   This is shortsighted as quite often some content needs to be delivered via HttpPost.   For the MVC component it should also support sending the model (so a partialView can be returned from the Controller).
Unplanned
Last Updated: 27 Feb 2020 15:59 by ADMIN
Created by: Imported User
Comments: 0
Category: TabStrip
Type: Feature Request
1
It should be possible to use a SlideIn animation in addition to the already-supported expand:vertical and fadeIn animations.
Declined
Last Updated: 27 Feb 2020 15:55 by ADMIN
Created by: Imported User
Comments: 1
Category: TabStrip
Type: Feature Request
1
Allow to edit tab(TabStrip) header name directly like when I double click or right click on any tab I can edit its name and on lost focus event it should save in database directly.
Completed
Last Updated: 27 Feb 2020 15:48 by ADMIN
Created by: Constantinos Petridis
Comments: 3
Category: TabStrip
Type: Feature Request
1
It would be nice to have methods to expand and collapse the tabstrip as the user does by clicking the tab header (if collapsible is enabled).
Also events should be triggered, every time the tabstrip expands or collapses.
Declined
Last Updated: 27 Feb 2020 15:45 by ADMIN
Created by: German
Comments: 1
Category: TabStrip
Type: Feature Request
1
Simply allow the tabs to be position away from the content holder, as if they were a menu.
I want the functionality of the tabs, i.e. load all controls at page load, but the feel of a menu.
1 2