From db23d283467135228a618830b0961e8d4b0c394c Mon Sep 17 00:00:00 2001
From: A R R R Associates <admin@arrrassociates.com>
Date: Fri, 31 Jul 2026 13:48:28 +0530
Subject: [PATCH] Add dynamic scrolling to consultant linked clients

---
 .../templates/consultants/portal_partials/clients.html      | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/modules/consultants/templates/consultants/portal_partials/clients.html b/app/modules/consultants/templates/consultants/portal_partials/clients.html
index a2c7f06..44e19ef 100644
--- a/app/modules/consultants/templates/consultants/portal_partials/clients.html
+++ b/app/modules/consultants/templates/consultants/portal_partials/clients.html
@@ -49,9 +49,9 @@
       </div>
     </div>
 
-    <div class="mt-5 overflow-x-auto rounded-2xl border border-slate-200">
+    <div id="linked-client-scroll-container" class="mt-5 max-h-[540px] overflow-auto rounded-2xl border border-slate-200">
       <table class="min-w-full divide-y divide-slate-200 text-left">
-        <thead class="bg-slate-50">
+        <thead class="sticky top-0 z-10 bg-slate-50 shadow-sm">
           <tr class="text-xs font-semibold uppercase tracking-wide text-slate-500">
             <th class="whitespace-nowrap px-4 py-3">Code</th>
             <th class="min-w-[300px] px-4 py-3">Client Name</th>
@@ -136,6 +136,7 @@
   const body = document.getElementById('linked-client-table-body');
   const count = document.getElementById('linked-client-count');
   const empty = document.getElementById('linked-client-empty-row');
+  const scrollContainer = document.getElementById('linked-client-scroll-container');
   const rows = Array.from(body.querySelectorAll('.linked-client-row'));
   let timer = null;
 
@@ -185,6 +186,7 @@
 
     empty.classList.toggle('hidden', visible.length !== 0);
     count.textContent = `${visible.length} client${visible.length === 1 ? '' : 's'}`;
+    if (scrollContainer) scrollContainer.scrollTop = 0;
   }
 
   search.addEventListener('input', () => {