From 964978b783590c90aa0b8ce3c1586ce2886c29ed Mon Sep 17 00:00:00 2001
From: Andrey Sobolev <haiodo@users.noreply.github.com>
Date: Fri, 28 Apr 2023 16:40:48 +0700
Subject: [PATCH] TSK-1405: Fix hover selection (#3109)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
---
 packages/kanban/src/components/KanbanRow.svelte              | 1 +
 packages/ui/src/components/ListView.svelte                   | 5 +++--
 packages/ui/src/components/SelectPopup.svelte                | 5 +++--
 .../tracker-resources/src/components/icons/StatusIcon.svelte | 2 --
 plugins/view-resources/src/components/Table.svelte           | 1 +
 .../view-resources/src/components/list/ListCategory.svelte   | 1 +
 6 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/kanban/src/components/KanbanRow.svelte b/packages/kanban/src/components/KanbanRow.svelte
index d6766fefaf..42511bb791 100644
--- a/packages/kanban/src/components/KanbanRow.svelte
+++ b/packages/kanban/src/components/KanbanRow.svelte
@@ -89,6 +89,7 @@
       class:selection={selection !== undefined ? objects[selection]?._id === object._id : false}
       class:checked={checkedSet.has(object._id)}
       on:mouseover={mouseAttractor(() => dispatch('obj-focus', object))}
+      on:mouseenter={mouseAttractor(() => dispatch('obj-focus', object))}
       on:focus={() => {}}
       on:contextmenu={(evt) => showMenu(evt, object)}
       draggable={true}
diff --git a/packages/ui/src/components/ListView.svelte b/packages/ui/src/components/ListView.svelte
index 8eee49c7d5..7e56b5849e 100644
--- a/packages/ui/src/components/ListView.svelte
+++ b/packages/ui/src/components/ListView.svelte
@@ -14,7 +14,7 @@
 -->
 <script lang="ts">
   import { createEventDispatcher } from 'svelte'
-  import { resizeObserver } from '..'
+  import { mouseAttractor, resizeObserver } from '..'
 
   export let selection: number = 0
   export let count: number
@@ -72,7 +72,8 @@
       <div
         class="list-item{addClass ? ` ${addClass}` : ''}"
         class:selection={row === selection}
-        on:mouseover={() => onRow(row)}
+        on:mouseover={mouseAttractor(() => onRow(row))}
+        on:mouseenter={mouseAttractor(() => onRow(row))}
         on:focus={() => {}}
         bind:this={refs[row]}
         on:click={() => dispatch('click', row)}
diff --git a/packages/ui/src/components/SelectPopup.svelte b/packages/ui/src/components/SelectPopup.svelte
index 06363695b9..ad92fab0ed 100644
--- a/packages/ui/src/components/SelectPopup.svelte
+++ b/packages/ui/src/components/SelectPopup.svelte
@@ -15,7 +15,7 @@
 <script lang="ts">
   import type { Asset, IntlString } from '@hcengineering/platform'
   import { createEventDispatcher } from 'svelte'
-  import { deviceOptionsStore, resizeObserver } from '..'
+  import { deviceOptionsStore, mouseAttractor, resizeObserver } from '..'
   import { createFocusManager } from '../focus'
   import type { AnySvelteComponent } from '../types'
   import EditBox from './EditBox.svelte'
@@ -151,7 +151,8 @@
             class="menu-item w-full"
             on:click={() => dispatch('close', item.id)}
             on:focus={() => dispatch('update', item)}
-            on:mouseover={() => dispatch('update', item)}
+            on:mouseover={mouseAttractor(() => dispatch('update', item))}
+            on:mouseenter={mouseAttractor(() => dispatch('update', item))}
           >
             <div class="flex-row-center" class:mt-2={huge} class:mb-2={huge}>
               {#if hasSelected}
diff --git a/plugins/tracker-resources/src/components/icons/StatusIcon.svelte b/plugins/tracker-resources/src/components/icons/StatusIcon.svelte
index d482b0ceda..cb643aa69f 100644
--- a/plugins/tracker-resources/src/components/icons/StatusIcon.svelte
+++ b/plugins/tracker-resources/src/components/icons/StatusIcon.svelte
@@ -34,8 +34,6 @@
   id={category._id}
   style:transform={category._id === tracker.issueStatusCategory.Started ? 'rotate(-90deg)' : ''}
   viewBox="0 0 16 16"
-  stroke-width={0.75}
-  stroke={fill}
   xmlns="http://www.w3.org/2000/svg"
 >
   {#if category._id === tracker.issueStatusCategory.Backlog}
diff --git a/plugins/view-resources/src/components/Table.svelte b/plugins/view-resources/src/components/Table.svelte
index e0fcf41975..18c99db590 100644
--- a/plugins/view-resources/src/components/Table.svelte
+++ b/plugins/view-resources/src/components/Table.svelte
@@ -279,6 +279,7 @@
             class:fixed={row === selection}
             class:selected={row === selection}
             on:mouseover={mouseAttractor(() => onRow(object))}
+            on:mouseenter={mouseAttractor(() => onRow(object))}
             on:focus={() => {}}
             bind:this={refs[row]}
             on:contextmenu|preventDefault={(ev) => {
diff --git a/plugins/view-resources/src/components/list/ListCategory.svelte b/plugins/view-resources/src/components/list/ListCategory.svelte
index a9ad6ff80a..0654cf6070 100644
--- a/plugins/view-resources/src/components/list/ListCategory.svelte
+++ b/plugins/view-resources/src/components/list/ListCategory.svelte
@@ -425,6 +425,7 @@
             on:contextmenu={(event) => handleMenuOpened(event, docObject)}
             on:focus={() => {}}
             on:mouseover={mouseAttractor(() => handleRowFocused(docObject))}
+            on:mouseenter={mouseAttractor(() => handleRowFocused(docObject))}
             {props}
             on:on-mount={() => {
               wasLoaded = true