Skip to content

TabStrip scroll right arrow not disabled in Chrome #7321

@kendo-bot

Description

@kendo-bot

Bug report

TabStrip right arrow is not disabled in Chrome.
Note: The issue is not reproducible on all screens.

Reproduction of the problem

  1. Open the Demo - https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs
  2. 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

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions