Pending Review
Last Updated: 09 Oct 2019 06:51 by ADMIN
Tanya
Created on: 22 Sep 2019 16:15
Category: Kendo UI for Angular 2+
Type: Bug Report
1
TabStrip - showing 2 tab components together when hitting ngAfterViewInit() - angular 7
In TabStrip control with angular 7: when moving to another tab and hitting ngAfterViewInit() on that tab's component -> previous tab's component still exists - showing 2 components together.
3 comments
ADMIN
Svetlin
Posted on: 09 Oct 2019 06:51

Hi Tanya,

Thank you for the provided additional details.

Please check the following updated example where I simulated the same behavior outside the scope of the Kendo UI for Angular TabStrip component (putting a breakpoint at the designated place yields the same behavior):

https://stackblitz.com/edit/angular-k14her-ebygj9?file=app/app.component.ts

Thus, the reported behavior is caused by the default Angular workflow rather than by a Kendo UI for Angular related issue.

Feel free to write back in case any further assistance is required for this case or any other Kendo UI for Angular related topic.

Regards,
Svetlin
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tanya
Posted on: 02 Oct 2019 07:27

Hi

 

In https://stackblitz.com/edit/angular-k14her-lkxtp2 project - 

Please put a breakpoint in line 11 in sample.component.ts – when you switch tabs, you will see both tabs are visible… but only one should be there, because the previous should be destroyed olready…

ADMIN
Svetlin
Posted on: 27 Sep 2019 13:32

Hi Tanya,

I am not sure that I understand the reported behavior. Could you fork and update the following example so that it demonstrates the undesired functionality:

https://stackblitz.com/edit/angular-k14her-lkxtp2

Feel free to add any additional details that will help us to reproduce the issue. Thank you in advance.

I would like to add, that In general, the TabStrip component doesn't render all tabs in the DOM. However, the default behavior can be changed to persist the tabs in the DOM by setting the [keepTabContent] input property to true.

Regards,
Svetlin
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.