-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Closed
Labels
BugC: TabStripFP: CompletedSync status with associated Feedback ItemSync status with associated Feedback ItemSEV: LowjQuery
Milestone
Description
Bug report
TabStrip right arrow is not disabled in Chrome.
Note: The issue is not reproducible on all screens.
Reproduction of the problem
- Open the Demo - https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs
- Scroll til the end of the items on the right side
Current behavior
On some screens, the right arrow remains enabled even with 100% browser zoom.
In case the issue does not appear zoom in the page.
Expected/desired behavior
The right arrow should be disabled when there are no more tabs to scroll on the right side.
Workaround:
that._scrollNextButton.toggleClass('k-disabled', Math.abs(scrollLeft - (ul[0].scrollWidth - ul[0].offsetWidth)) <= 1);
kendo.ui.TabStrip.fn._toggleScrollButtons = function(e) {
var that = this,
ul = that.tabGroup,
scrollLeft = kendo.scrollLeft(ul);
that._scrollPrevButton.toggleClass('k-disabled', scrollLeft === 0);
that._scrollNextButton.toggleClass('k-disabled', Math.abs(scrollLeft - (ul[0].scrollWidth - ul[0].offsetWidth)) <= 1);
};
Dojo - https://dojo.telerik.com/@NeliKondova/eNOyAzuG
Environment
- Kendo UI version: 2024.1.130
- Browser: [all ]
Metadata
Metadata
Assignees
Labels
BugC: TabStripFP: CompletedSync status with associated Feedback ItemSync status with associated Feedback ItemSEV: LowjQuery