telerik / kendo-ui-core

An HTML5, jQuery-based widget library for building modern web apps.
http://www.telerik.com/kendo-ui
Other
2.54k stars 1.91k forks source link

Tabstrip doesn't switch to scrolling when resized smaller #4381

Open tharlinsmith opened 6 years ago

tharlinsmith commented 6 years ago

Bug report

Tabstrips supply scrolling controls (by default) when the tabstrip is initially rendered in a small enough container to require it. However, if the container starts large enough to show all the tabs and is resized to be too small the tabstrip wraps instead of going into scroll mode.

Reproduction of the problem

Open the "edit this example" dojo from the scrollable tabs page at https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs. Make the window wide and hit "Run". Shrink the window.

Current behavior

screen shot 2018-07-16 at 3 03 39 pm

Expected/desired behavior

screen shot 2018-07-16 at 3 04 46 pm

Environment

IvanDanchev commented 5 years ago

The issue is reproducible even without resizing. The container's width must be a little bit bigger than the value needed for the scrolling functionality to be triggered. See this dojo example, in which the container's width is set to 220px (scrolling appears if the width is set to 218px).

martintabakov commented 3 years ago

Also mentioned in ticket #1510280. Here is a Dojo and a small video demonstrating the scenario

antonmironovv commented 2 months ago

Reported in ticket #1661228