From ab70dfbcf0561c37ed9a09ae922843fe4c93b3ec Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 11 Apr 2023 12:19:54 +0100
Subject: [PATCH] Fix resize overlays

---
 .../src/components/sheet/overlays/ResizeOverlay.svelte    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend-core/src/components/sheet/overlays/ResizeOverlay.svelte b/packages/frontend-core/src/components/sheet/overlays/ResizeOverlay.svelte
index fb7397d09e..b0ea1e5aa5 100644
--- a/packages/frontend-core/src/components/sheet/overlays/ResizeOverlay.svelte
+++ b/packages/frontend-core/src/components/sheet/overlays/ResizeOverlay.svelte
@@ -14,7 +14,7 @@
 
   $: cutoff = scrollLeft + gutterWidth + ($columns[0]?.width || 0)
   $: offset = gutterWidth + ($stickyColumn?.width || 0)
-  $: column = $resize.column
+  $: activeColumn = $resize.column
 
   const getStyle = (column, offset, scrollLeft) => {
     const left = offset + column.left + column.width - scrollLeft
@@ -26,7 +26,7 @@
   {#if $stickyColumn}
     <div
       class="resize-slider"
-      class:visible={column === $stickyColumn.name}
+      class:visible={activeColumn === $stickyColumn.name}
       on:mousedown={e => resize.actions.startResizing($stickyColumn, e)}
       on:dblclick={() => resize.actions.resetSize($stickyColumn)}
       style="left:{gutterWidth + $stickyColumn.width}px;"
@@ -37,10 +37,10 @@
   {#each $renderedColumns as column}
     <div
       class="resize-slider"
-      class:visible={column === column.name}
+      class:visible={activeColumn === column.name}
       on:mousedown={e => resize.actions.startResizing(column, e)}
       on:dblclick={() => resize.actions.resetSize(column)}
-      style={getStyle(column, offset, scrollLeft)}
+      style={getStyle(column, offset, $scrollLeft)}
     >
       <div class="resize-indicator" />
     </div>