From 65b2b5d9134e5930ea1a76fdeab1a8b651f42a8f Mon Sep 17 00:00:00 2001
From: devanshu052000 <devanshu.rastogi05@gmail.com>
Date: Thu, 16 Jan 2025 12:27:07 +0530
Subject: [PATCH] Fix: Date picker gets hidden inside table and user needs to
 scroll to see it.

---
 frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx | 3 +++
 frontend/src/AppBuilder/Widgets/Table/Table.jsx      | 3 +--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx b/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx
index 4e5a481dd2..930021c994 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Datepicker.jsx
@@ -263,6 +263,9 @@ export const Datepicker = function Datepicker({
           }
           setIsDateInputFocussed(false);
         }}
+        closeOnScroll={(e) => {
+          return e.target.className === 'table-responsive jet-data-table false false';
+        }}
       />
     </div>
   );
diff --git a/frontend/src/AppBuilder/Widgets/Table/Table.jsx b/frontend/src/AppBuilder/Widgets/Table/Table.jsx
index 68b1609748..7d378e7d70 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Table.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Table.jsx
@@ -1114,10 +1114,9 @@ export const Table = React.memo(
                 <div
                   style={{
                     position: 'absolute',
-                    top: 0,
+                    top: `${items[0]?.start ?? 0}px`,
                     left: 0,
                     width: '100%',
-                    transform: `translateY(${items[0]?.start ?? 0}px)`,
                   }}
                 >
                   {items.map((virtualRow) => {