From d466c5c5ac47cf2891e7aee583f12f19866a4113 Mon Sep 17 00:00:00 2001
From: Chuck <403chuck@gmail.com>
Date: Tue, 18 Jun 2024 22:47:13 +0800
Subject: [PATCH] chore: Update ScrollArea class in TranslateWidget to enable
 vertical scrolling (#682)

* chore: Update ScrollArea class in TranslateWidget to enable vertical scrolling

* refactor: Update TranslateWidget to remove ScrollArea and use a div for vertical scrolling
---
 enjoy/src/renderer/components/widgets/translate-widget.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/enjoy/src/renderer/components/widgets/translate-widget.tsx b/enjoy/src/renderer/components/widgets/translate-widget.tsx
index 0b38f35a..c31150c0 100644
--- a/enjoy/src/renderer/components/widgets/translate-widget.tsx
+++ b/enjoy/src/renderer/components/widgets/translate-widget.tsx
@@ -59,14 +59,14 @@ export const TranslateWidget = () => {
         className="w-full p-0 z-50 select-text"
         updatePositionStrategy="always"
       >
-        <ScrollArea className="py-2 w-96 min-h-36 max-h-96 relative">
+        <div className="py-2 w-96 min-h-36 max-h-96 overflow-y-auto relative">
           <div className="px-4 pb-2 mb-2 sticky top-0 bg-background border-b">
             {selected?.text}
           </div>
           <div className="px-4">
             <TranslateResult text={selected?.text} autoTranslate={true} />
           </div>
-        </ScrollArea>
+        </div>
       </PopoverContent>
     </Popover>
   );