When NVDA is turned on the navigation in TabStrip is not working.
The selection of the item is not changed.
It should be possible to navigate between the tabs in the TabStrip when NVDA is turned on.
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.
The content for all the tabs is displayed.
The content should be displayed separately for each tab.
The selected tab's text is not readable with the main-dark theme
The background of the Selected Tab is white and the text is not readable
The background of the Selected tab should contrast to its text
TabStrip items are not receiving focus when navigating. Only the disabled items receive k-focus class.
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
The tabs in the TabStirp should receive focus.
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.
The page scrolls to the top.
Selecting a tab shouldn't cause scrolling.
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.
Steps to reproduce the behavior:
Previously in Kendo UI version 2021.2.616, setting the scrollable to false will wrap the tabs above each other.
Build system information
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.
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!
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.
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:
dojo editor: https://dojo.telerik.com/alEGIcod
I added this line
that was copied from the other example about removing tab:
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"
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.3.1118/styles/kendo.default-v2.min.css"/>
var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.remove("li:first"); // added line
text: "<b>Appended Tab 1</b>",
content: "Appended Tab 1 content",
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
It should be possible to use a SlideIn animation in addition to the already-supported expand:vertical and fadeIn animations.
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.
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.