From 8164ea3dea45f88672e3e6e46afd0460d22d310e Mon Sep 17 00:00:00 2001
From: "kelvin.yau" <kelvin.yau@2fi-solutions.com.hk>
Date: Fri, 10 Apr 2026 21:43:54 +0800
Subject: [PATCH] new po Animation Fix

---
 .../PoWorkbenchSearchResultsPane.tsx          | 70 ++++++++++---------
 1 file changed, 37 insertions(+), 33 deletions(-)

diff --git a/src/components/PoWorkbench/PoWorkbenchSearchResultsPane.tsx b/src/components/PoWorkbench/PoWorkbenchSearchResultsPane.tsx
index 5afc3d9..e8bf108 100644
--- a/src/components/PoWorkbench/PoWorkbenchSearchResultsPane.tsx
+++ b/src/components/PoWorkbench/PoWorkbenchSearchResultsPane.tsx
@@ -95,42 +95,46 @@ export default function PoWorkbenchLeftPane({
     >
       <Box sx={{ flex: 1, minHeight: 0, position: "relative", overflow: "hidden" }}>
         <Slide in={isAdvancedSearchOpen} direction="down" timeout={220} unmountOnExit>
-          <PoWorkbenchAdvancedSearchPanel
-            supplierQuery={supplierQuery}
-            orderDateFrom={orderDateFrom}
-            orderDateTo={orderDateTo}
-            etaDateFrom={etaDateFrom}
-            etaDateTo={etaDateTo}
-            reportStatus={reportStatus}
-            receiveStatus={receiveStatus}
-            onSupplierQueryChange={setSupplierQuery}
-            onOrderDateFromChange={setOrderDateFrom}
-            onOrderDateToChange={setOrderDateTo}
-            onEtaDateFromChange={setEtaDateFrom}
-            onEtaDateToChange={setEtaDateTo}
-            onReportStatusChange={setReportStatus}
-            onReceiveStatusChange={setReceiveStatus}
-            onApply={() => onApplyAdvancedFilters(draftFilters)}
-            onReset={() => {
-              setSupplierQuery("");
-              setOrderDateFrom("");
-              setOrderDateTo("");
-              setEtaDateFrom("");
-              setEtaDateTo("");
-              setReportStatus("ALL");
-              setReceiveStatus("ALL");
-              onResetAdvancedFilters();
-            }}
-          />
+          <Box sx={{ position: "absolute", inset: 0, overflow: "hidden" }}>
+            <PoWorkbenchAdvancedSearchPanel
+              supplierQuery={supplierQuery}
+              orderDateFrom={orderDateFrom}
+              orderDateTo={orderDateTo}
+              etaDateFrom={etaDateFrom}
+              etaDateTo={etaDateTo}
+              reportStatus={reportStatus}
+              receiveStatus={receiveStatus}
+              onSupplierQueryChange={setSupplierQuery}
+              onOrderDateFromChange={setOrderDateFrom}
+              onOrderDateToChange={setOrderDateTo}
+              onEtaDateFromChange={setEtaDateFrom}
+              onEtaDateToChange={setEtaDateTo}
+              onReportStatusChange={setReportStatus}
+              onReceiveStatusChange={setReceiveStatus}
+              onApply={() => onApplyAdvancedFilters(draftFilters)}
+              onReset={() => {
+                setSupplierQuery("");
+                setOrderDateFrom("");
+                setOrderDateTo("");
+                setEtaDateFrom("");
+                setEtaDateTo("");
+                setReportStatus("ALL");
+                setReceiveStatus("ALL");
+                onResetAdvancedFilters();
+              }}
+            />
+          </Box>
         </Slide>
 
         <Slide in={!isAdvancedSearchOpen} direction="up" timeout={220} unmountOnExit>
-          <PoWorkbenchSearchResultsList
-            results={results}
-            selectedId={selectedId}
-            onSelect={onSelect}
-            theme={theme}
-          />
+          <Box sx={{ position: "absolute", inset: 0, overflow: "hidden" }}>
+            <PoWorkbenchSearchResultsList
+              results={results}
+              selectedId={selectedId}
+              onSelect={onSelect}
+              theme={theme}
+            />
+          </Box>
         </Slide>
       </Box>
     </Box>