fix(kit): TabsWithMore fix freezing on resize loop (#121)

Co-authored-by: Roman Sedov <darragon-nn@yandex.ru>
taiga-family · Jan 20, 2021 · b87737a · b87737a
1 parent e0e661b
commit b87737a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/projects/addon-tablebars/components/table-bars-host/table-bars-host.style.less b/projects/addon-tablebars/components/table-bars-host/table-bars-host.style.less
@@ -18,7 +18,7 @@
 .bar {
     .shadow();
     flex: 0 0 100%;
-    background: var(--tui-base-06);
+    background: var(--tui-base-07);
     color: var(--tui-base-01);
 
     &_light {

diff --git a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts
@@ -6,7 +6,7 @@ import {
 } from '@ng-web-apis/mutation-observer';
 import {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';
 import {merge, Observable} from 'rxjs';
-import {filter, startWith, takeUntil, tap} from 'rxjs/operators';
+import {debounceTime, filter, startWith, takeUntil, tap} from 'rxjs/operators';
 
 export function tabsRefreshFactory(
     resize$: Observable<unknown>,
@@ -22,6 +22,7 @@ export function tabsRefreshFactory(
     ).pipe(
         // Ignoring cases when host is detached from DOM
         filter(() => body.contains(nativeElement)),
+        debounceTime(0),
         startWith(null),
         takeUntil(destroy$),
     );