From 75b71e9b1a7716f125d4424d43f11b6a63314f69 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Thu, 28 Sep 2023 07:34:46 +0300
Subject: [PATCH] StatusTableView scroll fix (#3751)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../task-resources/src/components/StatusTableView.svelte   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/plugins/task-resources/src/components/StatusTableView.svelte b/plugins/task-resources/src/components/StatusTableView.svelte
index e660edd4be..a9c55ea1da 100644
--- a/plugins/task-resources/src/components/StatusTableView.svelte
+++ b/plugins/task-resources/src/components/StatusTableView.svelte
@@ -18,7 +18,7 @@
   import { createQuery, getClient } from '@hcengineering/presentation'
   import { DoneState, SpaceWithStates, State, Task } from '@hcengineering/task'
   import type { TabItem } from '@hcengineering/ui'
-  import { TabList } from '@hcengineering/ui'
+  import { TabList, ScrollerBar } from '@hcengineering/ui'
   import { TableBrowser, statusStore } from '@hcengineering/view-resources'
   import task from '../plugin'
   import StatesBar from './state/StatesBar.svelte'
@@ -41,6 +41,7 @@
   let selectedDS: string[] = []
   let withoutDone: boolean = false
   let resultQuery: DocumentQuery<Task>
+  let divScroll: HTMLElement
 
   function getItems (doneStates: DoneState[]): TabItem[] {
     const itemsDS: TabItem[] = doneStates.map((s) => {
@@ -163,7 +164,9 @@
     on:select={handleSelect}
   />
   {#if doneStatusesView}
-    <TabList items={itemsDS} bind:selected={selectedDS} multiselect on:select={handleDoneSelect} />
+    <ScrollerBar gap={'none'} bind:scroller={divScroll}>
+      <TabList items={itemsDS} bind:selected={selectedDS} multiselect on:select={handleDoneSelect} />
+    </ScrollerBar>
   {:else}
     <StatesBar bind:state {space} gap={'none'} on:change={() => updateQuery(query, selectedDoneStates)} />
   {/if}