From 142ebe3d2700bf5000d719c2e17a9692829681a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Pivo=C5=88ka?= <david@pivonka.io>
Date: Mon, 8 Dec 2025 15:23:59 +0100
Subject: [PATCH] Fix scrolling in Table - Row view

Use absolute positioning pattern for proper scrolling behavior
when many columns are displayed.
---
 .../web/src/celldata/TableCellView.svelte     | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/packages/web/src/celldata/TableCellView.svelte b/packages/web/src/celldata/TableCellView.svelte
index 3b1b3f2af..303a4df1b 100644
--- a/packages/web/src/celldata/TableCellView.svelte
+++ b/packages/web/src/celldata/TableCellView.svelte
@@ -196,19 +196,20 @@
 </script>
 
 <div class="outer">
-  {#if rowData}
-    <div class="search-wrapper" on:keydown={handleSearchKeyDown}>
-      <SearchBoxWrapper noMargin>
-        <SearchInput placeholder="Filter columns (regex)" bind:value={filter} />
-        <CloseSearchButton bind:filter />
-      </SearchBoxWrapper>
-    </div>
-  {/if}
-  <div class="inner">
-    {#if !rowData}
-      <div class="no-data">No data selected</div>
-    {:else}
-      {#each filteredFields as field (field.uniqueName)}
+  <div class="content">
+    {#if rowData}
+      <div class="search-wrapper" on:keydown={handleSearchKeyDown}>
+        <SearchBoxWrapper noMargin>
+          <SearchInput placeholder="Filter columns (regex)" bind:value={filter} />
+          <CloseSearchButton bind:filter />
+        </SearchBoxWrapper>
+      </div>
+    {/if}
+    <div class="inner">
+      {#if !rowData}
+        <div class="no-data">No data selected</div>
+      {:else}
+        {#each filteredFields as field (field.uniqueName)}
         <div class="field">
           <div class="field-name">{field.columnName}</div>
           <div 
@@ -256,7 +257,8 @@
           </div>
         </div>
       {/each}
-    {/if}
+      {/if}
+    </div>
   </div>
 </div>
 
@@ -264,12 +266,21 @@
   .outer {
     flex: 1;
     position: relative;
+  }
+
+  .content {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
     display: flex;
     flex-direction: column;
   }
 
   .search-wrapper {
     padding: 4px 4px 0 4px;
+    flex-shrink: 0;
   }
 
   .inner {