Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TabStrip scroll right arrow not disabled in Chrome #7321

Open
kendo-bot opened this issue May 2, 2023 · 0 comments
Open

TabStrip scroll right arrow not disabled in Chrome #7321

kendo-bot opened this issue May 2, 2023 · 0 comments
Labels
Bug C: TabStrip FP: Unplanned Sync status with associated Feedback Item jQuery SEV: Low

Comments

@kendo-bot
Copy link
Contributor

kendo-bot commented May 2, 2023

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 ]
@kendo-bot kendo-bot added the FP: Pending Review Sync status with associated Feedback Item label May 2, 2023
@github-actions github-actions bot added the FP: Unplanned Sync status with associated Feedback Item label May 2, 2023
@nelito987 nelito987 added Bug C: TabStrip SEV: Low jQuery and removed FP: Pending Review Sync status with associated Feedback Item labels May 2, 2023
@ag-petrov ag-petrov removed the Triaged label Mar 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug C: TabStrip FP: Unplanned Sync status with associated Feedback Item jQuery SEV: Low
Projects
None yet
Development

No branches or pull requests

4 participants