From ebaa4fe4a60f798610fbe9a7e070bcb31127bbdd Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Wed, 5 Jan 2022 12:47:55 +0100
Subject: [PATCH] query design fix

---
 packages/web/src/designer/DesignerTable.svelte | 2 +-
 packages/web/src/designer/DomTableRef.ts       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/designer/DesignerTable.svelte b/packages/web/src/designer/DesignerTable.svelte
index 02cee0805..c3c99462d 100644
--- a/packages/web/src/designer/DesignerTable.svelte
+++ b/packages/web/src/designer/DesignerTable.svelte
@@ -118,7 +118,7 @@
       <FontIcon icon="icon close" />
     </div>
   </div>
-  <div class="columns">
+  <div class="columns" on:scroll={() => tick().then(onMoveReferences)}>
     {#each columns || [] as column}
       <ColumnLine
         {column}
diff --git a/packages/web/src/designer/DomTableRef.ts b/packages/web/src/designer/DomTableRef.ts
index 53aef90f0..27b775f52 100644
--- a/packages/web/src/designer/DomTableRef.ts
+++ b/packages/web/src/designer/DomTableRef.ts
@@ -34,6 +34,10 @@ export default class DomTableRef {
     if (!col) return null;
     const rect = col.getBoundingClientRect();
     const wrap = this.domWrapper.getBoundingClientRect();
-    return (rect.top + rect.bottom) / 2 - wrap.top;
+    const tableRect = this.getRect();
+    let res = (rect.top + rect.bottom) / 2 - wrap.top;
+    if (res < tableRect.top) res = tableRect.top;
+    if (res > tableRect.bottom) res = tableRect.bottom;
+    return res;
   }
 }