Unplanned
Last Updated: 24 Oct 2022 11:32 by Jef

Describe the bug
When using Teleport in the Tab template it is rendered for every tab

To Reproduce
https://stackblitz.com/edit/7malny-zw7ibq?file=public%2Findex.html,src%2Fmain.js,src%2Fmain.vue

The teleport is added in the tab template

Current: result it is rendered several times at the bottom
Expected: it is rendered only once at the bottom

Workaround :
Only render the teleport if the desired tab is selected: https://stackblitz.com/edit/7malny-gqxkma?file=public%2Findex.html,src%2FTabOne.vue,src%2Fmain.vue

Completed
Last Updated: 15 Aug 2022 08:05 by ADMIN

Describe the bug
In a Server-side rendering scenario, the tab navigation of the Native TabStrip is not visible right after its load. The tab navigation is not visible until the page gets rehydrated on the client side.

To Reproduce

  1. Open this StackBlitz example
  2. Reload the result pane a few times

Expected behavior
The tab navigation should be visible right after the page load, not when the page gets rehydrated on the client side

Completed
Last Updated: 26 May 2022 05:56 by ADMIN
Created by: Seuthes
Comments: 2
Category: TabStrip
Type: Bug Report
0

When you select a tab, the tab headers are completly redrawn. This makes it impossible to add CSS transitions and animations to the tabs. I would like to add an transition to `.k-state-active`, so on selection there is a nice transtion.

Instead of redrawing, only the necessary changes should be applied to the items, i.e. changing CSS classes.