Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 22 Jan 2019 08:59 by ADMIN
Christopher
Created on: 16 Jan 2019 16:26
Category: TabStrip
Type: Bug Report
1
TabStrip Tabs do not fit to their container

As you can see from the image below the tab strip tabs can keep getting added and they do not care where the parent DIV or any other container ends. It would be appropriate for them to allow for scrolling if it goes outside the width of its container.

 

This is the way it is handled in jQuery

https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs

 

1 comment
ADMIN
Dimiter Topalov
Posted on: 22 Jan 2019 08:59
Hello Christopher,

Indeed, the Kendo UI for Angular TabStrip component does not have a built-in tab-scrolling functionality like its Kendo UI for jQuery counterpart. However this is not a bug, but rather a missing feature that was already requested, and you can support here:

https://feedback.telerik.com/kendo-angular-ui/1360763-scrolling-tabstrip

We are tracking this feature request, and will consider adding such a functionality, based on the customer demand and estimated business value. Meanwhile, you can wrap the tabs via CSS, or dynamically switch their layout to a vertical position when the viewport is not wide enough, e.g.:

https://stackblitz.com/edit/angular-r2zuba?file=app/app.component.ts // wrap tabs

https://stackblitz.com/edit/angular-utcvzr?file=app/app.component.ts // switch position based on viewport width

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Create an account Log In
View
Type
Status
Category