From 2aaa91f4cb4bb4b3c9d156950e381f2788fcf359 Mon Sep 17 00:00:00 2001
From: Sline <realakayuki@gmail.com>
Date: Thu, 11 Dec 2025 17:54:04 +0800
Subject: [PATCH] perf(connections): improve scrolling performance on macOS
 (#5787)

---
 src/components/connection/connection-table.tsx | 2 ++
 src/pages/connections.tsx                      | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/connection/connection-table.tsx b/src/components/connection/connection-table.tsx
index fd8eb4652..7309e2fac 100644
--- a/src/components/connection/connection-table.tsx
+++ b/src/components/connection/connection-table.tsx
@@ -478,6 +478,8 @@ export const ConnectionTable = (props: Props) => {
             flex: 1,
             minHeight: 0,
             overflow: "auto",
+            WebkitOverflowScrolling: "touch",
+            overscrollBehavior: "contain",
             borderRadius: 1,
             border: "none",
             "&::-webkit-scrollbar": {
diff --git a/src/pages/connections.tsx b/src/pages/connections.tsx
index 614a5e239..8dcbe84e1 100644
--- a/src/pages/connections.tsx
+++ b/src/pages/connections.tsx
@@ -129,8 +129,9 @@ const ConnectionsPage = () => {
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        overflow: "auto",
+        overflow: "hidden",
         borderRadius: "8px",
+        minHeight: 0,
       }}
       header={
         <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
@@ -243,6 +244,8 @@ const ConnectionsPage = () => {
           style={{
             flex: 1,
             borderRadius: "8px",
+            WebkitOverflowScrolling: "touch",
+            overscrollBehavior: "contain",
           }}
           data={filterConn}
           itemContent={(_, item) => (