Unplanned
Last Updated: 28 Feb 2023 12:40 by ADMIN
Ryan
Created on: 14 Feb 2023 05:55
Category: TabStrip
Type: Bug Report
0
TabStrip tab animation breaks full-width display
When using the TabStrip component with the default animation feature the width of the TabStrip content area does not span the full width of the TabStrip component. Disabling the tab animation fixes the issue.
3 comments
ADMIN
Wissam
Posted on: 27 Feb 2023 15:17

Hi, Ryan,

I am writing an update to this feedback item as I was able to reproduce the bug related to this thread. It turns out that if you render a component and set its width to `100%`, the width style will not be applied when the animation prop is set to true or the prop is not used (animation is set to true by default in this case as you mentioned):

I have also updated your Telerik points accordingly.

Regards,
Wissam
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Ryan
Posted on: 20 Feb 2023 15:50

Wissam,

 

I think you're right. It does look like it works, actually. I think my issues was related to either me combining this with some Bootstrap CSS classes and/or my use of some flex CSS classes that may have been messing with Kendo's styling.

I'm not able to reproduce it in your stackblitz.

This issue can be closed. Sorry.

Ryan

ADMIN
Wissam
Posted on: 20 Feb 2023 15:04

Hello, Ryan,

I tested the TabStrip component with its animation prop set to `true`, but could not reproduce the faced issue. Could you please modify my test example below until the unwanted behavior appears?

Regards,
Wissam
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.